lightbox

Noëmie N.

#1 le 12/07/2011 à 15:59

bonjour,

Je souhaiterais créer une lightbox sur cette page "http://france-urba.s3134.tethis.atester.fr/references/"
L'idéal serait un zoom image similaire à celui des produits dans le module catalogue.
Quelqu'un a une idée?

Benoit Denis

#2 le 13/07/2011 à 15:00

Hello world !

Je viens un peu complété le message de Noémie vu que j'ai essayé de lui faire mais que finalement j'ai jamais utilisé la lightbox E-majine non plus !

L'idée est simple, on a une image dans un article, on veut au clic afficher son image agrandit dans une lightbox.

J'ai tenté d'écrire ceci dans le source de l'article (oui je sais c'est la meme image dans le href, c'est pour l'exemple)

<a rel="productLightbox" title="paris300" class="LinkIn productLightbox" href="/manage/{media:170:url}">
<img alt="paris300" src="/manage/{media:170:url}" />
</a>

J'ai donc bien le lien sur mon image, mais au clic cela m'ouvre l'image dans la même fenêtre et non dans une lightbox.

Faut-il initialiser la lightbox quelque part ?

Merci d'avance aux bonnes âmes qui sont pas encore en weekend ^^

L'urgent est fait, l'impossible est en cours, pour les miracles prévoir un délai...<br />www.tethis-interactive.com

Seb - iNCiTE Web

#3 le 14/07/2011 à 09:39

Salut

Je vais peut être dire une bêtise mais je ne vois pas l'appel au script Lightbox dans les entêtes ?

Dans le catalogue et les nouveaux templates c'est automatique, mais comme ça n'est pas le catalogue je pense que Lightbox n'est pas appelé (ni jQuery d'ailleurs)

www.inciteweb.com

Benoit Denis

#4 le 19/07/2011 à 10:52

Oki donc il faut que je rajoute l'appel dans le template main_page ?

C'est quoi le code pour l'appel ? Y'a une balise mx ?

L'urgent est fait, l'impossible est en cours, pour les miracles prévoir un délai...<br />www.tethis-interactive.com

Benoit Denis

#5 le 25/07/2011 à 10:14

Des nouvelles siou'plait ?

L'urgent est fait, l'impossible est en cours, pour les miracles prévoir un délai...<br />www.tethis-interactive.com

Antony

#6 le 25/07/2011 à 11:42

Bonjour,

1ère étape:
e-majine intègre jquery uniquement s'il en a besoin donc il faut lui forcer l'intégration en placant cette ligne juste en-dessous de l'élément

<head>

dans le template mainPage.html

<script type="text/javascript" src="/script-jquery"></script>

2ème étape:
On va intégrer le script lightbox en évitant qu'il soit écrasé par e-majine donc on va le placer après l'appel de la balise

<mx:bloc id="script"><script mxAttribut="src:src;type:type"></script></mx:bloc id="script">

donc l'idéal c'est juste avant l'élément

</head>

du template mainPage.html

<script src="/script-jquery-lightbox" type="text/javascript"></script>

3ème étape:
Dans le template single_article.html, on va ajouter le script disant de faire du lightbox

<script type="text/javascript"> 
				<!--
					
							$(function(){
								
								$('#text table a.productLightbox').lightbox({fileLoadingImage:false});
							});
						
				//-->
				</script>

Bonne journée

Antony

[Medialibs] - Antony - Account Manager

Benoit Denis

#7 le 26/07/2011 à 10:08

Merci m'sieur ;)

L'urgent est fait, l'impossible est en cours, pour les miracles prévoir un délai...<br />www.tethis-interactive.com

lightbox

Syndication