Bonjour,
J'ai créée une galerie photo avec jquery en local et j'aimerai l'importer sous joomla.
Ce que j'ai fais, dans le dossier montemplate :
- j'ai mis mes fichiers js dans le dossier js
- j'ai mis mes fichiers css dans le dossier css
- j'ai mis les images dans le dossiers images
Dans un article de joomla j'ai mis directement le code suivant via sourcerer (qui fonctionne sans passer par joomla) :
Dans mon article les photos s'affichent les unes en dessous des autres et en plus c'est toujours la photo "Presentation1" qui s'affichent (les autres ne s'affichent pas). C'est bizarre?!
J'ai fais quelque chose qui ne faut pas ? Faut-il mettre dans l'index.php c'est lignes :
Si vous pouvez me guider?
Merci par avance,
Bonne journée
J'ai créée une galerie photo avec jquery en local et j'aimerai l'importer sous joomla.
Ce que j'ai fais, dans le dossier montemplate :
- j'ai mis mes fichiers js dans le dossier js
- j'ai mis mes fichiers css dans le dossier css
- j'ai mis les images dans le dossiers images
Dans un article de joomla j'ai mis directement le code suivant via sourcerer (qui fonctionne sans passer par joomla) :
Code HTML:
{source} <!-- First, add jQuery (and jQuery UI if using custom easing or animation --> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"></script> <!-- Second, add the Timer and Easing plugins --> <script type="text/javascript" src="/templates/joomspirit_76/js/jquery.timers-1.2.js"></script> <script type="text/javascript" src="/templates/joomspirit_76/js/jquery.easing.1.3.js"></script> <!-- Third, add the GalleryView Javascript and CSS files --> <script type="text/javascript" src="/templates/joomspirit_76/js/jquery.galleryview-3.0-dev.js"></script> <link type="text/css" rel="stylesheet" href="/templates/joomspirit_76/css/jquery.galleryview-3.0-dev.css" /> <!-- Lastly, call the galleryView() function on your unordered list(s) --> <script> $(function(){ $('#myGallery').galleryView({ transition_speed: 600, show_filmstrip: false, panel_animation: 'slide', show_infobar: false }); }); </script> <ul id="myGallery"> <li><img src="images/presentation/Presentation1.jpg" alt="Trocadero Ozu Club Présentation" /> <li><img src="images/presentation/Presentation2.jpg" alt="Trocadero Ozu Club Présentation" /> <li><img src="images/presentation/Presentation3.jpg" alt="Trocadero Ozu Club Présentation" /> <li><img src="images/presentation/Presentation4.jpg" alt="Trocadero Ozu Club Présentation" /> <li><img src="images/presentation/Presentation5.jpg" alt="Trocadero Ozu Club Présentation" /> </ul> {/source}
J'ai fais quelque chose qui ne faut pas ? Faut-il mettre dans l'index.php c'est lignes :
Code HTML:
<!-- First, add jQuery (and jQuery UI if using custom easing or animation --> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"></script> <!-- Second, add the Timer and Easing plugins --> <script type="text/javascript" src="/templates/joomspirit_76/js/jquery.timers-1.2.js"></script> <script type="text/javascript" src="/templates/joomspirit_76/js/jquery.easing.1.3.js"></script> <!-- Third, add the GalleryView Javascript and CSS files --> <script type="text/javascript" src="/templates/joomspirit_76/js/jquery.galleryview-3.0-dev.js"></script> <link type="text/css" rel="stylesheet" href="/templates/joomspirit_76/css/jquery.galleryview-3.0-dev.css" />
Merci par avance,
Bonne journée
Commentaire