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 :
Pour la partie template, et ceci pour le JavaScript :Code:
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>
Jusque là cela fonctionne comme voulu. Maintenant j'ai deux problèmes :Code:
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>
- 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.