THELIA Forum

Welcome to the THELIA support and discusssion forum

Announcement

Rejoignez la communauté sur le Discord Thelia : https://discord.gg/YgwpYEE3y3

Offline

#1 Image cliquable

(15-03-2017 22:42:24)


Bonsoir,

toujours dans mes exploration Thélia je me retrouve coincé sur l'attribution d'un lien à une image afin de la rendre cliquable vers une cible spécifique. Je me suis créé un module qui affiche une série liens qui font changer une image au survol.
Je ne parviens pas à trouver la boucle ou output qui me permettrais d'assigner le lien survolé à l'image.

<div  id="cellule">
				{loop name="liens" type="content" folder="3"}
					<div id="liens">         		
						<a href="{$URL}" onmouseover="document.getElementById('image').src = '{loop name="image_article" type="image" limit="1" content="$ID" width="640" height="300"}{$IMAGE_URL}{/loop}'">{$TITLE}</a>
         		</div>
         	{/loop}
         </div>		
			<div id="cadre_images">		
				<a href="{$URL_DU_LIEN_SURVOLE??}"><img id="image" src="{loop name="image_article" type="image" content="7" width="640" height="300"}{$IMAGE_URL}{/loop}" alt="{$TITLE}" /></a>
			</div>

Merci d'avance

Offline

#2 Re: Image cliquable

(16-03-2017 14:59:57)


J'ai avancé un peu et ai ajouté une loupe :

{loop name="liens2" type="content" folder="3" limit="1"}	
			<div id="cadre_images">	
			
				<a href="{$URL}"><img id="image" src="{loop name="image_article" type="image" content="$ID" width="640" height="300"}{$IMAGE_URL}{/loop}" alt="{$TITLE}" /></a>
			
			</div>{/loop}

seulement ça ne cible que le premier lien sur toutes les images ...
rhaaaaa je ne suis pas loin !! qu'est ce que je manque ?

Offline

#3 Re: Image cliquable

(17-03-2017 16:45:44)


Avec ce code là :

<div id="cadre_images">	
			
				<a href="{loop name="liens" type="content" folder="3" id="$ID"}{$URL}{/loop}"><img id="image" src="{loop name="image_article" type="image" content="7" width="640" height="300"}{$IMAGE_URL}{/loop}" alt="{$TITLE}" /></a>
			
			</div>

le lien me renvoie vers un 404 : http://localhost/index_dev.php/d%C3%A9gustations.htmlhttp://localhost/index_dev.php/notre-savoir-faire.htmlhttp://localhost/index_dev.php/presse.htmlhttp://localhost/index_dev.php/visite-guid%C3%A9e.html

je comprends par là qu'il faut que j'en selectionne qu'un seul. Si je fixe le paramètre limit à 1 c'est toujours le premier lien qui s'affiche sur toutes les images ce qui semble logique.
J'aimerais savoir comment isoler et utiliser celui qui doit pointer vers la bonne cible ?

Merci d'avance