Images cliquables qui défilent

Résolu/Fermé

Lordeur Messages postés 14 Date d'inscription lundi 27 juillet 2009 Statut Membre Dernière intervention 28 août 2011 - 28 août 2011 à 19:43
Lordeur Messages postés 14 Date d'inscription lundi 27 juillet 2009 Statut Membre Dernière intervention 28 août 2011 - 28 août 2011 à 21:58

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....

A voir également:

Images cliquables qui défilent
Des images - Guide
Ia qui crée des images - Accueil - Intelligence artificielle
Faites en sorte que la cellule a1 affiche exactement ce qui est montré sur cette image. quel mot apparaît en b1 ? - Forum Excel
Images enregistrées - Forum Bureautique
Extraire images pdf - Guide

4 réponses

Réponse 1 / 4

supernico Messages postés 513 Date d'inscription dimanche 30 décembre 2007 Statut Membre Dernière intervention 20 novembre 2011 193
28 août 2011 à 19:56

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 ?

Réponse 2 / 4

Lordeur Messages postés 14 Date d'inscription lundi 27 juillet 2009 Statut Membre Dernière intervention 28 août 2011
28 août 2011 à 20:30

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 !

Réponse 3 / 4

supernico Messages postés 513 Date d'inscription dimanche 30 décembre 2007 Statut Membre Dernière intervention 20 novembre 2011 193
Modifié par supernico le 28/08/2011 à 20:47

Alors essaie ça :

<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

Réponse 4 / 4

Lordeur Messages postés 14 Date d'inscription lundi 27 juillet 2009 Statut Membre Dernière intervention 28 août 2011
28 août 2011 à 20:53

Merci beaucoup.

supernico Messages postés 513 Date d'inscription dimanche 30 décembre 2007 Statut Membre Dernière intervention 20 novembre 2011 193
28 août 2011 à 20:56

content d'avoir pu t'aider. si ça marche comme tu veux, tu peux mettre le sujet en résolu stp ? ;)

Lordeur Messages postés 14 Date d'inscription lundi 27 juillet 2009 Statut Membre Dernière intervention 28 août 2011
28 août 2011 à 21:58

c'est exactement ce que je voulais merci.

Discussions similaires

calcule nombre des pixels "noir" dans un image (noir/blanc)

voir ses images enregistrés

ou sont enregistrées les images

récupérer des images et vidéos enregistrées sur facebook

comment fairte apparaître lisiblement les images enregistrées su