Images cliquables qui défilent
Résolu
Lordeur
Messages postés
18
Statut
Membre
-
Lordeur Messages postés 18 Statut Membre -
Lordeur Messages postés 18 Statut Membre -
Bonjour,
J'aimerai créer sur mon site web, une liste d'images cliquables qui défilent. Si l'utilisateur clique sur une des images, il est immédiatement renvoyé sur l'article qui correspond.
C'est assez dur à expliquer, alors je vous donne un exemple: https://openclassrooms.com/fr/
rubrique "A la une".
Je ne sais pas du tout comment m'y prendre je ne connais rien en Javscript, je suppose qu'il faut utiliser ce langage.
N'hésitez pas à me renvoyer sur d'autres sites qui proposent des codes déjà tout faits....
J'aimerai créer sur mon site web, une liste d'images cliquables qui défilent. Si l'utilisateur clique sur une des images, il est immédiatement renvoyé sur l'article qui correspond.
C'est assez dur à expliquer, alors je vous donne un exemple: https://openclassrooms.com/fr/
rubrique "A la une".
Je ne sais pas du tout comment m'y prendre je ne connais rien en Javscript, je suppose qu'il faut utiliser ce langage.
N'hésitez pas à me renvoyer sur d'autres sites qui proposent des codes déjà tout faits....
A voir également:
- Images cliquables qui défilent
- Des images - Guide
- Extraire images pdf - Guide
- Images enregistrées - Forum Bureautique
- Recherche images - Guide
- 4 images 1 mot niveau 10 chaperon rouge ✓ - Forum Jeux vidéo
4 réponses
Bonjour,
tu veux faire exactement pareil que sur ce site ou simplement des images remplacées régulièrement avec un lien vers une page associée à chaque photo ?
tu veux faire exactement pareil que sur ce site ou simplement des images remplacées régulièrement avec un lien vers une page associée à chaque photo ?
Le plus simple sera déjà très bien ;)
Je voudrai simplement avoir des images qui défilent, l'utilisateur clique sur une des images et hop !
Je voudrai simplement avoir des images qui défilent, l'utilisateur clique sur une des images et hop !
Alors essaie ça :
il te suffit de remplir la liste des liens et des images correspondantes ;)
et de mettre le nombre d'images dans la fonction "if(count > 3)" pour 3 images
le changement se fait toutes les 1000ms = toutes les secondes
<a id="mylink"><img id="myimg" src="image1.jpg" height="300px" /></a>
<script>
count = 0;
setTimeout("myFunction()",1000);
images = ["image1.jpg","image2.jpg","image3.jpg"];
links = ["page1.html","page2.html","page3.html"];
function myFunction()
{
document.getElementById('myimg').src = images[count];
document.getElementById('mylink').href = links[count];
count++;
if(count > 3) count = 0;
setTimeout("myFunction()",1000);
}
</script>
il te suffit de remplir la liste des liens et des images correspondantes ;)
et de mettre le nombre d'images dans la fonction "if(count > 3)" pour 3 images
le changement se fait toutes les 1000ms = toutes les secondes