Bonjour,
j'ai installé un diaporama tiny sur mon site mais impossible dans mettre deux pourtant je pense avoir bien déclarer les deux:
html:
Code html : 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
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50 <ul id="slideshow"> <!--start:slideshow --> <li> <!--start:slideshow content and image --> <h3>Modèle vague</h3> <span>transat/e8.jpg</span> <!--an image only --> <p> Dimension : L 177cm x 166cm x H 510 en haut du dossier.<br /> Tube rond diamètre 42.4 x(2mm) pour l encadrement et 48.3x(2mm)pour les pieds 1.5 mm Tôle perforé en 1.5 mm pour l assise.<br /> Finition miroir ou brossé.<br /><br /> <span class="important">Tarif :</span> 1475 <br /><br /><a href="#transat" class="button1">Lire plus</a> </p><br /> <img src="transat/e" alt="img-1" /> <!--an image thumbnail only --> </li> ....... </ul><div id="nav-piscine"> <!--start:nav-piscine --> <div id="fullsize"> <!--start:fullsize --> <div id="imgprev" class="imgnav pngfix" title="Previous"></div> <div id="imglink"></div> <div id="imgnext" class="imgnav pngfix" title="Next"></div> <div id="image"></div> <div id="information"> <!--start:information --> <h3></h3> <p></p> </div> <!--end:information --> </div> <!--end:fullsize --> <div id="thumbnails"> <!--start:thumbnails --> <div id="slideleft" title="Slide Left"></div> <div id="slidearea"> <!--start:slidearea --> <div id="slider"></div> </div> <!--start:slidearea --> <div id="slideright" title="Slide Right"></div> </div> <!--end:thumbnails --> </div>
2 slides:
Code html : 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
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58 <ul id="slideshow-table"> <!--start:slideshow --> <li>.... </lu> <div id="nav-table"> <!--start:nav-piscine --> <div id="fullsize"> <!--start:fullsize --> <div id="imgprev-table" class="imgnav pngfix" title="Previous"></div> <div id="imglink-table"></div> <div id="imgnext-table" class="imgnav pngfix" title="Next"></div> <div id="image-table"></div> <div id="information"> <!--start:information --> <h3></h3> <p></p> </div> <!--end:information --> </div> <!--end:fullsize --> <div id="thumbnails"> <!--start:thumbnails --> <div id="slideleft" title="Slide Left"></div> <div id="slidearea"> <!--start:slidearea --> <div id="slider"></div> </div> <!--start:slidearea --> <div id="slideright" title="Slide Right"></div> </div> <!--end:thumbnails --> </div> <!--end:nav-piscine --> </div> <!--end:slider_bg --> </div> <!--start:featured slider grid --> <!--start:featured slider script --> <script type="text/javascript"> $(\'slideshow-table\').style.display=\'none\'; $(\'nav-table\').style.display=\'block\'; var slideshow-table=new TINY.slideshow("slideshow-table"); window.onload=function(){ slideshow-table.auto=false; slideshow-table.speed=5; slideshow-table.link="linkhover"; slideshow-table.info="information"; slideshow-table.thumbs="slider"; slideshow-table.left="slideleft"; slideshow-table.right="slideright"; slideshow-table.scrollSpeed=4; slideshow-table.spacing=5; slideshow-table.active="#aaa"; slideshow-table.init("slideshow-table","image-table","imgprev-table","imgnext-table","imglink-table"); } </script>
js:
merci.
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
30
31
32
33
34
35
36
37
38
39
40
41 <script type="text/javascript"> $(\'slideshow\').style.display=\'none\'; $(\'nav-piscine\').style.display=\'block\'; var slideshow=new TINY.slideshow("slideshow"); window.onload=function(){ slideshow.auto=false; slideshow.speed=5; slideshow.link="linkhover"; slideshow.info="information"; slideshow.thumbs="slider"; slideshow.left="slideleft"; slideshow.right="slideright"; slideshow.scrollSpeed=4; slideshow.spacing=5; slideshow.active="#aaa"; slideshow.init("slideshow","image","imgprev","imgnext","imglink"); } </script> <script type="text/javascript"> $(\'slideshow-table\').style.display=\'none\'; $(\'nav-table\').style.display=\'block\'; var slideshow-table=new TINY.slideshow("slideshow-table"); window.onload=function(){ slideshow-table.auto=false; slideshow-table.speed=5; slideshow-table.link="linkhover"; slideshow-table.info="information"; slideshow-table.thumbs="slider"; slideshow-table.left="slideleft"; slideshow-table.right="slideright"; slideshow-table.scrollSpeed=4; slideshow-table.spacing=5; slideshow-table.active="#aaa"; slideshow-table.init("slideshow-table","image-table","imgprev-table","imgnext-table","imglink-table"); } </script>
Partager