Antivirus offre spéciale - jusqu'à 60 % de réduction avec openElement !
Accueil Forum Accueil Forum >

openElement

> Web Café > Code (JS, PHP, CSS etc.), techniques etc.
  Nouveaux messages Nouveaux messages Fil RSS  - effet gif
  FAQ FAQ  Rechercher dans le Forum   Inscription Inscription  Connexion Connexion

effet gif

 Répondre Répondre Page  <12
Auteur
Message
Hobby001 allez vers le bas
Admin Group
Admin Group
Avatar
Modérateur

Depuis le: 14 Feb 2015
Pays: Canada, Québec
Status: Inactif
Points: 5598
Options des messages Options des messages   Thanks (1) Thanks(1)   Citer Hobby001 Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 31 Jan 2016 à 22:44
Fade-In et Fade-Out simultanés

$(document).ready(
function(){
// superposer les panneaux
var PicTop = $('#WEpanneau1').offset().top;
var PicLeft = $('#WEpanneau1').offset().left;
$('#WEpanneau2').animate({top:PicTop, left:PicLeft});
}
);

setInterval(fusion,6000);

function fusion(){
var progres=0;  // variable de mesure du progres
var vitesse=1;  // vitesse du fade 1 est plus lent que 5

// fade in panneau2 et fadeout panneau1
for(progres=100; progres>0; progres=progres-vitesse){
$('#WEpanneau1').fadeTo(1,progres/100);
$('#WEpanneau2').fadeTo(1,(100-progres)/100);
}
// fade in panneau1 et fadeout panneau2
setTimeout(
function(){
for(progres=100; progres>0; progres=progres-vitesse){
$('#WEpanneau2').fadeTo(1,progres/100);
$('#WEpanneau1').fadeTo(1,(100-progres)/100);
}
}
,3000);
}


Edité par Hobby001 - 02 Feb 2016 à 21:49
Haut de la page
nico38 allez vers le bas
Senior Member
Senior Member
Avatar

Depuis le: 18 Jan 2014
Status: Inactif
Points: 3971
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer nico38 Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 02 Feb 2016 à 21:40
merci, j'vais tester tout ça
Un lien vers ton site tu enverras | Problème d'affichage ? ---> CTRL+F5 | Couleur des liens --> "Styles des liens"
Haut de la page
 Répondre Répondre Page  <12
  Partagez ce sujet   

Aller au Forum Permissions du forum allez vers le bas

Forum Software by Web Wiz Forums® version 10.18
Copyright ©2001-2014 Web Wiz Ltd.

Cette page a été affichée en 0,031 secondes.
Acheter votre vélo en ligne