Remplacer image par click sans javascript
danidina
Messages postés
42
Statut
Membre
-
magicshark Messages postés 445 Statut Membre -
magicshark Messages postés 445 Statut Membre -
Salut à tous,
je voudrais savoir s'il est possible de pouvoir changer d'image par click sans passer par du javascript?
Dans mon cas je souhaites lorsque je click sur une des image du div "2" que celle-ci apparaisse dans le div "1"
<div
style="width: 780px; margin-right: auto; margin-left: auto; line-height: 13px;"
id="1">
<div
style="height: 400px; width: 700px; float: left; background-image: url(http://data.imagup.com/2/1105402426.jpg);"
id="2"><img src="http://data.imagup.com/2/1105402426.jpg" alt="X"></div>
<div style="text-align: right; width: 80px; float: left;" id="C9"><img
style="width: 70px; height: 40px;" alt=""
src="http://data.imagup.com/2/1105402426.jpg"><br>
<br>
<img style="width: 70px; height: 40px;" alt=""
src="http://data.imagup.com/2/1105402426.jpg"><br>
<br>
<img style="width: 70px; height: 40px;" alt=""
src="http://data.imagup.com/2/1105402426.jpg"><br>
<br>
<img style="width: 70px; height: 40px;" alt=""
src="http://data.imagup.com/2/1105402426.jpg"><br>
</div>
</div>
je voudrais savoir s'il est possible de pouvoir changer d'image par click sans passer par du javascript?
Dans mon cas je souhaites lorsque je click sur une des image du div "2" que celle-ci apparaisse dans le div "1"
<div
style="width: 780px; margin-right: auto; margin-left: auto; line-height: 13px;"
id="1">
<div
style="height: 400px; width: 700px; float: left; background-image: url(http://data.imagup.com/2/1105402426.jpg);"
id="2"><img src="http://data.imagup.com/2/1105402426.jpg" alt="X"></div>
<div style="text-align: right; width: 80px; float: left;" id="C9"><img
style="width: 70px; height: 40px;" alt=""
src="http://data.imagup.com/2/1105402426.jpg"><br>
<br>
<img style="width: 70px; height: 40px;" alt=""
src="http://data.imagup.com/2/1105402426.jpg"><br>
<br>
<img style="width: 70px; height: 40px;" alt=""
src="http://data.imagup.com/2/1105402426.jpg"><br>
<br>
<img style="width: 70px; height: 40px;" alt=""
src="http://data.imagup.com/2/1105402426.jpg"><br>
</div>
</div>
A voir également:
- Remplacer image par click sans javascript
- Remplacer disque dur par ssd - Guide
- Remplacer par word - Guide
- Image iso - Guide
- Recherche par image - Guide
- Remplacer coco - Accueil - Réseaux sociaux
1 réponse
bah j'ai déjà fais un truc du genre avec du php
genre
j'ai pas tester mais ça me semble correcte
genre
<?php
if(empty($_POST["suivante"]))
{
i=1;
}
else
{
$i=$_POST[i];
}
$j=$i+1;
echo "<p><img src='$i.jpg' /><img src='$j.jpg' /></p>";
?>
<form action="" method="post">
<input type="hidden" name="i" value='<?php echo"$j";?>' />
<input type="submit" value="suivante" name="suivante" />
<!--si tu prefere rajouter un bouton en image met un autre type hidden avec comme name suivante.-->
</form>
j'ai pas tester mais ça me semble correcte