Comment ajouter des liens sur des images avec JS?
linda.zazy
Messages postés
297
Date d'inscription
Statut
Membre
Dernière intervention
-
animostab Messages postés 2829 Date d'inscription Statut Membre Dernière intervention -
animostab Messages postés 2829 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Bonjour, SVP j'ai besoin de vous..
Je veux créer des images publicitaires successives avec des liens ( les images s'affichent au bout d'un certain délais) , j'ai trouvé un code javascript qui m'a permet d'afficher et permuter les images mais comme je ne maitrise pas JS, je ne sais pas comment ajouter un lien pour chaque image... Merci d'avance.
Voila le code:
<img src="jspasactif.png" width="180" height="385" id="masuperimage" />
<SCRIPT language="JavaScript" type="text/javascript">
// Un tableau qui va contenir toutes tes images.
var images = new Array();
images.push("1.jpg");
images.push("2.jpg");
images.push("jspasactif.gif");
var pointeur = 0;
function ChangerImage(){
document.getElementById("masuperimage").src = images[pointeur];
if(pointeur < images.length - 1){
pointeur++;
}
else{
pointeur = 0;
}
setTimeout("ChangerImage()", 5000)
}
// Charge la fonction
window.onload = function(){
ChangerImage();
}
</SCRIPT>
Bonjour, SVP j'ai besoin de vous..
Je veux créer des images publicitaires successives avec des liens ( les images s'affichent au bout d'un certain délais) , j'ai trouvé un code javascript qui m'a permet d'afficher et permuter les images mais comme je ne maitrise pas JS, je ne sais pas comment ajouter un lien pour chaque image... Merci d'avance.
Voila le code:
<img src="jspasactif.png" width="180" height="385" id="masuperimage" />
<SCRIPT language="JavaScript" type="text/javascript">
// Un tableau qui va contenir toutes tes images.
var images = new Array();
images.push("1.jpg");
images.push("2.jpg");
images.push("jspasactif.gif");
var pointeur = 0;
function ChangerImage(){
document.getElementById("masuperimage").src = images[pointeur];
if(pointeur < images.length - 1){
pointeur++;
}
else{
pointeur = 0;
}
setTimeout("ChangerImage()", 5000)
}
// Charge la fonction
window.onload = function(){
ChangerImage();
}
</SCRIPT>
A voir également:
- Comment ajouter des liens sur des images avec JS?
- Partager des photos avec un lien - Guide
- Des images - Guide
- Comment ajouter une signature sur word - Guide
- Vérificateur de liens - Guide
- Impossible d'ajouter un ami sur facebook - Guide
1 réponse
Bonjour
ca serait peut être mieux d'utiliser un slider jquery
il en existe des très bien et gratuits comme par exemple anything slider
https://css-tricks.com/anythingslider-jquery-plugin/
l'interet est que
tu peux avoir des effets de transition
les images sont référencée au niveau des moteurs de recherche
comme c'est du code html tu peux ajouter des liens sur tes images, du texte en plus etc
customisable au niveau css
customisable au niveau des slides
ca serait peut être mieux d'utiliser un slider jquery
il en existe des très bien et gratuits comme par exemple anything slider
https://css-tricks.com/anythingslider-jquery-plugin/
l'interet est que
tu peux avoir des effets de transition
les images sont référencée au niveau des moteurs de recherche
comme c'est du code html tu peux ajouter des liens sur tes images, du texte en plus etc
customisable au niveau css
customisable au niveau des slides