| Re: News : comment utiliser effet lightbox dans les articles ? |
Titre du sujet : Re: News : comment utiliser effet lightbox dans les articles ?
par lionhell sur 10/07/2014 12:55:34
Bon alors ça marche ... mais 1 fois !?
Une fois l'article publié, si je clique sur le lien, lightbox fonctionne.
Je change de page, puis je reviens àl'index de news, sur l'article, et lightbox ne fonctionne plus !
Voici ce que j'ai ajouté au début du fichier news_index.html :
<script type="text/javascript" src="<{xoAppUrl browse.php?Frameworks/jquery/plugins/jquery.lightbox.js}>"></script>
<link rel="stylesheet" type="text/css" href="<{xoAppUrl browse.php?modules/system/css/lightbox.css}>" />
<script type="text/javascript">
$(function() {
$('#gallery a').lightBox({
imageLoading:'<{xoAppUrl modules/extgallery/images/lightbox/lightbox-ico-loading.gif}>',
imageBtnClose:'<{xoAppUrl modules/extgallery/images/lightbox/lightbox-btn-close.gif}>',
imageBtnNext:'<{xoAppUrl modules/extgallery/images/lightbox/lightbox-btn-next.gif}>',
imageBtnPrev:'<{xoAppUrl modules/extgallery/images/lightbox/lightbox-btn-prev.gif}>',
imageBlank:'<{xoAppUrl modules/extgallery/images/lightbox/lightbox-blank.gif}>'
});
});
</script>
Pour éviter d'avoir à ajouter un DIV manuellement autour du lien j'ai modifié $('#gallery a') par $('a#gallery'). ainsi il suffit de donner un id=gallery au lien pour avoir le même résultat.
Mais avec ou sans cette modif. cela fonctionne une fois et ensuite fini !
|
|
