alterner 2 fonctions "supersized"
Bonjour,
Voila, mon problème est assez simple, au chargement de la page, je lance un module AJAX que vous connaissez surement > SUPERSIZED.
Ce script s'exécute dans les balise HTML :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
|
<html>
<script language="Javascript">
jQuery(function($){
$.supersized({
//Functionality
slideshow : 1, //Slideshow on/off
autoplay : 0, //Slideshow starts playing automatically
.........
slides : [ //Slideshow Images
{image:'medias/images/img1.jpg'},
{image:'medias/images/img2.jpg'},
{image:'medias/images/img3.jpg'}
]
});
</script>
</html> |
Ce que je cherche à faire depuis un petit moment, c'est lors d'un évènement , relancer l'animation supersized mais avec de nouveau parametres ( le but étant de changer surtout les image du slide )
par exemple un clic :
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
30
31
32
33
34
35
|
<html>
<a href="javascript:;" onClick="diaporama2();">Changer</a>
<script language="Javascript">
jQuery(function($){
$.supersized({
//Functionality
slideshow : 1, //Slideshow on/off
autoplay : 0, //Slideshow starts playing automatically
.........
slides : [ //Slideshow Images
{image:'medias/images/img1.jpg'},
{image:'medias/images/img2.jpg'},
{image:'medias/images/img3.jpg'}
]
});
});
function diaporama2() {
jQuery(function($){
$.supersized({
//Functionality
slideshow : 1, //Slideshow on/off
autoplay : 0, //Slideshow starts playing automatically
.........
slides : [ //Slideshow Images
{image:'medias/images/img4.jpg'},
{image:'medias/images/img5.jpg'},
{image:'medias/images/img6.jpg'}
]
});
});
}
</script>
</html> |
Mais je n'y parviens pas... Dois-je stopper d'abord le précédent supersized ?
j'avoue que même dans la théorie, je suis un peu perdu ...
Si quelqu'un à la moindre piste, je suis preneur !
Bien cordialement,
David
