Aller au contenu

Comment mettre un lien vers une photo plus grande sur chaque photos d'un carrousel ?

yoann25

Par yoann25,
dans Informatique - Divers

Messages recommandés

yoann25

yoann25 2

Membre, Posté(e)
yoann25
yoann25 Membre 72 messages
Baby Forumeur‚
Posté(e)

Bonjour,

Comment mettre un lien vers une photo plus grande sur chaque photos d'un carrousel ?

Voici mon code source :

<!DOCTYPE html>

<html>

<head>

<title>Carrousel Photos</title>

<meta charset=utf-8>

<link rel="stylesheet" type="text/css" href="style.css" />

<link rel="stylesheet" type="text/css" href="../../style/retour.css" />

<link href='http://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css'>

<script>var angle = 0;function galleryspin(sign){spinner=document.querySelector("#votre_id");if(!sign){angle = angle + 45}else{ angle = angle - 45}spinner.setAttribute("style","-webkit-transform:rotateY("+ angle +"deg);transform:rotateY("+ angle +"deg);")}</script>

</head>

<body>

<br/><br/>

<!-- Menu -->

<nav>

<center><ul id="nav">

<li><a href="http://www.lecombatdepetitcoeur.com">Accueil</a><!-- n1 --></li>

<li><a href="#">News</a><!-- n1 --></li>

<li><a href="../../Biographie/Biographie.html">Biographie</a><!-- n1 --></li>

<li class="current"><li><a href="#">Photos</a><!-- n1 --></li>

<li><a href="../../Clips/Clips.html">Clips</a><!-- n1 --></li>

<li><a href="../../Paroles/Paroles.html">Paroles</a><!-- n1 --></li>

<li><a href="../...Presse/Presse.html">Presse</a></li> </li>

<li><a href="#">Livre d'Or</a></li>

<li><a href="../../Liens/Liens.html">Liens</a></li>

<li><a href="#">Contact</a></li>

<li><a href="#">Boutique</a></li>

</ul></center>

<br/><br/>

</nav>

<div class=contenu>

<center><strong><u><h2>Enregistrement au Studio du Faune :</h2></u></strong></center>

<br class=clear/>

<div class=carousel>

<figure id=votre_id>

<img src=StudioEnregistrementDuFaune1.jpg alt="">

<img src=StudioEnregistrementDuFaune2.jpg alt="">

<img src=StudioEnregistrementDuFaune3.jpg alt="">

<img src=StudioEnregistrementDuFaune4.jpg alt="">

<img src=StudioEnregistrementDuFaune5.jpg alt="">

<img src=StudioEnregistrementDuFaune6.jpg alt="">

<img src=StudioEnregistrementDuFaune7.jpg alt="">

<img src=StudioEnregistrementDuFaune8.jpg alt="">

</figure>

</div>

<span><a href="#" style="float: right" onclick="galleryspin('-')">»</a></span>

<span><a href="#" style="float: left" onclick="galleryspin('')">«</a></span>

</div>

<!-- Pied de Page -->

</body>

</html>

Merci à vous et bonne journée.

Lien à poster
Partager sur d’autres sites
Annonces
Maintenant
Philippeduweb

Philippeduweb 250

Membre, En string sur mon tracteur , 108ans Posté(e)
Philippeduweb
Philippeduweb Membre 13 209 messages
108ans‚ En string sur mon tracteur ,
Posté(e)

mais tu veux que ce soit affiché sur la même page ou pas ?

pour ma part j'utilise la fonction target

Lien à poster
Partager sur d’autres sites
yoann25

yoann25 2

Membre, Posté(e)
yoann25
yoann25 Membre 72 messages
Baby Forumeur‚
Posté(e)

Que ça soit affiché pas sur la même pas, et ça redirige vers une autre fenêtre affichant chacune desphotos en plein écran. Merci à toi.:)

Lien à poster
Partager sur d’autres sites
Philippeduweb

Philippeduweb 250

Membre, En string sur mon tracteur , 108ans Posté(e)
Philippeduweb
Philippeduweb Membre 13 209 messages
108ans‚ En string sur mon tracteur ,
Posté(e)

alors il faut mettre self comme fonction :

<a href="nouvellepage.htm" target="_self"><img src="imageaafficherjpg" width="100" height="100" border="1"></a>

et cela t'ouvre une page en grand en remplacement de ton actuel page

Lien à poster
Partager sur d’autres sites
yoann25

yoann25 2

Membre, Posté(e)
yoann25
yoann25 Membre 72 messages
Baby Forumeur‚
Posté(e)

Problème.

Bonjour, si je mets " <a href="nouvellepage.htm" target="_self"><img src="imageaafficher.jpg" width="100" height="100" border="1"></a>" sur chaque photo dans mon carrousel, il affiche juste la première photo, avec le lien, mais efface toutes autres photos du carrousel et ne tiens pas compte de chaque liens. Merci de votre aide.

Lien à poster
Partager sur d’autres sites
  • 1 mois après...
JJFK

JJFK 0

Membre, 26ans Posté(e)
JJFK
JJFK Membre 5 messages
Baby Forumeur‚ 26ans‚
Posté(e)

utilise ce genre de code <a href="image-plus-grane.png" target=0><img src="imae-carrousel.png" width="100" height="100" border="1"></a>"

Lien à poster
Partager sur d’autres sites
  • 1 an après...
sanodama

sanodama 0

Membre, Posté(e)
sanodama
sanodama Membre 12 messages
Baby Forumeur‚
Posté(e)

Slt je suis nouveau venant sur ce site je vous salue tous

Lien à poster
Partager sur d’autres sites
Annonces
Maintenant

Archivé

Ce sujet est désormais archivé et ne peut plus recevoir de nouvelles réponses.

Aller sur la liste des sujets
×