Discussion :

[ErwinB]

Bonjour,

Je rencontre actuellement deux problèmes avec la mise en place d'un slideshow en fondu JavaScript.

N'étant pas très avancé en JavaScript, je suis parti sur une librairie, Image Transitions 2.0.

Je me retrouve donc avec un code qui ressemble à ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 
<table width="626px" border="0" cellspacing="0" cellpadding="0">
  <tr valign="top">
    <td>
      <img src="illustration.jpg" width="120px" height="120px" id="picture" class="picture" alt="Illustration">
    </td>
  </tr>
</table>

Pour la partie template, et ceci pour le JavaScript :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
 
<script type="text/javascript">
<!--
var pictures = new Array();
 
window.addEvent('domready', function() {
	var n = 0;
 
	pictures = ['1.jpg', '2.jpg', '3.jpg'];
 
	function sequence() {
 
		Transitions.fade("#picture", pictures[n], pictures[n], "3",
 
		function() {
			if( ++n < pictures.length ) {
				sequence();
			}
			else {
				n = 0;
				sequence();
			}
		});
	}
 
	sequence();
});
//-->
</script>

Jusque là cela fonctionne comme voulu. Maintenant j'ai deux problèmes :

• comment faire en sorte que l'effet s'arrête lors d'un évènement donné (exemple : clic sur un lien) ? En effet, l'effet doit s'arrêter en cas de clic sur un lien faisant afficher un élément qui fait disparaître la balise img du slideshow ;
• pour que l'effet continue en boucle, j'ai rajouté la clause else dans la fonction qui remet le compteur à 0. Cependant, lorsque le slideshow reprend au début, il y a un effet de "flash" qui n'est pas très esthétique. Comment empêcher cet effet ?

J'ai envoyé un e-mail à l'auteur de cette librairie mais je n'ai pas obtenu de réponse. Si une bonne âme pouvait me prêter main forte...

Merci par avance.

[NoSmoking]

Bonjour,
vérifies dans la bibli si tu n'as pas à disposition une méthode stop, sinon tu te la crées.

Pour le coup de flash, ta boucle doit mal boucler en fait, à tout hasard...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
function(){
  n++;
  n = n % pictures.length;
  sequence();
}

mais je ne connais pas du tout cette librairie.

Il existe toutefois l'excellente Galerie avec effet de fondu