Sujet Précédent Sujet Suivant

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

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 ?
0
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 !
0
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
0
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.
0
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 ? ;)
0
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.
0

Discussions similaires

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

3 réponses
voir ses images enregistrés
bastUltra -
bastUltra -

2 réponses
ou sont enregistrées les images
RAKAMA -
mathejea -

4 réponses
code couleur associé a une image
magic charly -
pandora -

9 réponses
récupérer des images et vidéos enregistrées sur facebook
karamel24 -
karamel24 -

3 réponses