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 QC
Status: Inactif
Points: 4473
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
Quand on veut mettre quelque chose en ligne, on se fait prendre par quelque chose de gros.
Haut de la page
nico38 allez vers le bas
Senior Member
Senior Member
Avatar

Depuis le: 18 Jan 2014
Status: Inactif
Points: 3913
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