Hop, suite de mon monologue : j’ai réussi à faire quelque chose. C’est un peu lourd au niveau des mises à jour car j’ai 4 TV à remplir mais bon, je suis assez satisfaite.
La solution est basée là-dessus :
http://amix.dk/projects/?page_id=5
C’est presque un pop-up en plus élaboré.
Grâce à 4 TV, je récupère l’url vers le thumbnail, l’url vers l’image grand format, la largeur de l’image et la hauteur.
J’affiche ensuite le résultat comme ceci :
<a href="[*image-pdt*]" onclick="return GB_show('[*pagetitle*]', '[*image-pdt*]', [*hauteur-pdt*], [*largeur-pdt*])">
<img src="[*thumb-pdt*]" width="96" height="96" alt="[*pagetitle*]" />
</a>
Je trouve le rendu assez sympa, ça passe sur FF, Opera et IE.
Si le javascript est désactivé, l’image s’affiche quand même mais sans effet de style.
Maintenant, je souhaiterai créer une condition dans mon chunk pour appeler les fichiers .js uniquement si je me trouve dans la rubrique "produits". En effet, ces 2 fichiers ne me servent pas si je suis sur la page contact par exemple.
J’ai essayé de m’inspirer de ce post :
http://modxcms.com/forums/index.php/topic,5027.0.html pour faire du bidouillage mais dur dur ^^
La condition serait tout bête : si je suis dans le Parent "produits" j’affiche ce qui suit dans le <head>
<script type="text/javascript" src="[(base_url)]assets/js/AmiJS.js"></script>
<script type="text/javascript" src="[(base_url)]assets/js/greybox.js"></script>
<script type="text/javascript">
//GreyBox configuration
//Use animation?
var GB_ANIMATION = false;
var GB_IMG_DIR = "[(base_url)]assets/css/";
//Clicking on the transparent overlay closes the GreyBox window?
var GB_overlay_click_close = true;
//Demo change headline - look more in demoiframe
//$ function is like getElementById
function changeHeadline(text){
AJS.getElement('headline').innerHTML = text;
}
</script>
sinon je n’affiche rien.
Quelqu’un a une idée ?
