Discussion :

[emiot]

Bonjour

Je suis novice voire béotienne en jquery, malgré tout je suis capable en principe d'insérer un pluging..... mais la j'ai un problème....
j'ai besoin dans une fenêtre modal de pouvoir ouvrir a l'aide de liens 3 différents diashows. J'ai déjà utilisé le système pour des vidéos et ca marche très bien.
Pour le diashow j'ai deux pluging, celui de la boite modal et celui du diashow .
Mon code est en html5 et css3.
la boite modal est la variante inline du pluging colorbox.
Le diashow est le pluging viljamis-ResponsiveSlides.js (j'y tien c'est le plus simple et esthétique de toute ce qui est disponible)

la boite modal et le diashow fonctionne en interne sur mon ordinateur MAIS en ligne ca ne fonctionne plus.....???? les image sont montrées les unes après les autres.....
Ai-je besoin d'une fonction qui ouvre le diashow dans la fenêtre ou ai-je simplement fait une erreur????
Je m'arrache les cheveux
Merci de vos réponses
emiot

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
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="../commun/script/colorbox.js"></script>
<script src="../commun/script/responsiveslides.js"></script>
<script>
jQuery(document).ready(function () {
    $(".modal_1").colorbox({inline:true, width:"auto", opacity: 0.90});
    $(".modal_2").colorbox({inline:true, width:"auto", opacity: 0.90});
    $(".modal_3").colorbox({inline:true, width:"auto", opacity: 0.90});
    $(".modal_4").colorbox({inline:true, width:"auto", opacity: 0.90});
    $(".modal_5").colorbox({inline:true, width:"auto", opacity: 0.90});
    $("#slider1").responsiveSlides({auto: false, pager: true, nav: false, speed: 500, maxwidth: 800, namespace: "centered-btns"});
    $(".modal_6").colorbox({inline:true, width:"auto", opacity: 0.90});
    $("#slider2").responsiveSlides({auto: false, pager: true, nav: false, speed: 500, maxwidth: 800, namespace: "centered-btns"});
    $(".modal_7").colorbox({inline:true, width:"auto", opacity: 0.90});
    $("#slider3").responsiveSlides({auto: false, pager: true, nav: false, speed: 500, maxwidth: 800, namespace: "centered-btns"});
}); 
</script>

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
<!--2eme documentation-->
<section class="dokubox2">
<a class="modal_5" href="#doku_modal5"><img src="../commun/doku/cd2.jpg" width="500" height="371"></a>
<div class="modalbox">
<!--1diashow-->
<div id="doku_modal5">
<div class="rslides_container">
<ul class="rslides" id="slider1">
<li><img src="../commun/doku/ueli1.png"></li>
<li><img src="../commun/doku/ueli2.png"></li>
<li><img src="../commun/doku/ueli3.png"></li>
<li><img src="../commun/doku/ueli4.png"></li>
<li><img src="../commun/doku/ueli5.png"></li>
<li><img src="../commun/doku/ueli6.png"></li>
<li><img src="../commun/doku/ueli7.png"></li>
</ul></div>
<p class="cartel">
<br>&nbsp;
<br>CD-Rom Vorstellung eine T-Shirts Kollektion von Ueli Etter 
<br>im Rahmen seines Kunstprojektes THE PARK. ART FORUM 2003, Berlin 
<br>Fotos, Design, Programmierung 
<br>Styling Kathrin Rebsammen
<br>
<br><span class="cartel_focus">The Park</span> | <a class="modal_2" href="#doku_modal6">ESBA Toulouse</a> | <a class="modal_2" href="#doku_modal7">UDK/ESBA</a>
</p></div>

[danielhagnoul]

Bonsoir

mais en ligne, ça ne fonctionne plus, les images sont montrées les unes après les autres

Vérifiez les liens de chargements des plugins sur le serveur, diashow n'est peut être pas disponible.

Quelles sont les erreurs affichées dans la console (touche F12) de Chrome ?