Mettre des liens sur des images aléatoires

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Mettre des liens sur des images aléatoires

Message par exo-6 le Sam 22 Déc 2012 - 17:03

Bonjour,

J'utilise actuellement le script suivant dans une page html, que j'ai inséré par iframe dans l'entête Généralité de mon index, pour afficher des bannières publicitaires :

Code:
<img src="" id="mon_image">
          <script language="Javascript">
        images = new Array(); 
          images[0] = "http://i48.servimg.com/u/f48/10/08/89/50/bannia11.png"; 
          images[1] = "http://i48.servimg.com/u/f48/10/08/89/50/bannia16.png";
          images[2] = "http://i48.servimg.com/u/f48/10/08/89/50/bannia14.png";
          images[3] = "http://i48.servimg.com/u/f48/10/08/89/50/bannia18.png";
          images[4] = "http://i48.servimg.com/u/f48/10/08/89/50/bannia17.png";
          index = Math.floor(Math.random() * images.length);
          document.getElementById("mon_image" ).src= images[index];
          </script>
Comment puis-je mettre des liens à ces images vers ce que chacune d'elles évoque ?

Merci d'avance pour votre aide précieuse !


Dernière édition par exo-6 le Dim 23 Déc 2012 - 15:47, édité 2 fois

exo-6
***

Masculin
Messages : 133
Inscrit(e) le : 18/09/2006

http://www.bionifigs.com
exo-6 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre des liens sur des images aléatoires

Message par missx le Sam 22 Déc 2012 - 17:55

salut
Code:
<SCRIPT LANGUAGE="JavaScript">

var nbimage= 50;
var width;
var height;
var url;
var alte;
function banniere()
{
numimage= Math.round(Math.random()*(nbimage-1)+1);
if (numimage <= 10)
{
gotosite = "LIEN1";
url = "http://i48.servimg.com/u/f48/10/08/89/50/bannia11.png";
alte = "";
}
if (numimage > 10 && numimage <= 20)
{
gotosite = "lien2";
url = "http://i48.servimg.com/u/f48/10/08/89/50/bannia16.png";
alte = "";
}
if (numimage > 20 && numimage <= 30)
{
gotosite = "lien 3";
url = "http://i48.servimg.com/u/f48/10/08/89/50/bannia14.png";
alte = "";
}
if (numimage > 30 && numimage <= 40)
{
gotosite = "lien 4";
url = "http://i48.servimg.com/u/f48/10/08/89/50/bannia18.png";
alte = "";
}
if (numimage > 40)
{
gotosite = "lien5";
url = "http://i48.servimg.com/u/f48/10/08/89/50/bannia17.png";
alte = "";
}
if(gotosite != "")
   {
   document.write ('<A HREF="' + gotosite + '">');   
   }
document.write('<IMG SRC="' + url + '" ALT="' + alte + '" BORDER=0>')
if(gotosite != "")
   {
   document.write('</A>')
   }
}
</SCRIPT>

<SCRIPT language="JavaScript">
banniere();
</SCRIPT>
Tu remplace Lien1 lien 2 etc.. par le lien correspondant à l'image.
A+ Very Happy

missx
+ Hyperactif +

Féminin
Messages : 2895
Inscrit(e) le : 12/05/2007

http://google.fr
missx a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre des liens sur des images aléatoires

Message par exo-6 le Dim 23 Déc 2012 - 6:41

Ah, ça marche mais j'ai un souci du coup... Vu que j'insère le tout sur l'index dans Généralité via iframe, quand on clique dessus ça m'ouvre les liens dans le rectangle Généralité comme une micro fenêtre quoi...

Comment faire pour que ça s'ouvre dans un nouvel onglet ?

Merci sincèrement pour ton temps Wink

exo-6
***

Masculin
Messages : 133
Inscrit(e) le : 18/09/2006

http://www.bionifigs.com
exo-6 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre des liens sur des images aléatoires

Message par missx le Dim 23 Déc 2012 - 10:49

Ok,
J'ai modifié le script avec une variable que j'ai appelé "dirlien" et que j'ai mis en en target="_blank". tu peut modifier sur chaque image en mettant "_parent" ou "_self"
Code:
<SCRIPT LANGUAGE="JavaScript">
       
      
        var nbimage= 50;
        var width;
        var height;
        var url;
        var alte;
      var dirlien;
        function banniere()
        {
        numimage= Math.round(Math.random()*(nbimage-1)+1);
        if (numimage <= 10)
        {
        gotosite = "LIEN1";
        url = "http://i48.servimg.com/u/f48/10/08/89/50/bannia11.png";
        alte = "";
      dirlien = "_blank";
        }
        if (numimage > 10 && numimage <= 20)
        {
        gotosite = "http://www.nuvapedia.net/";
        url = "http://i48.servimg.com/u/f48/10/08/89/50/bannia16.png";
        alte = "";
      dirlien = "_blank";
        }
        if (numimage > 20 && numimage <= 30)
        {
        gotosite = "lien 3";
        url = "http://i48.servimg.com/u/f48/10/08/89/50/bannia14.png";
        alte = "";
      dirlien = "_blank";
        }
        if (numimage > 30 && numimage <= 40)
        {
        gotosite = "http://www.bionifigs.com/t6763-annonce-salle-de-vente-bionifigs-decembre-2012-speciale-noel";
        url = "http://i48.servimg.com/u/f48/10/08/89/50/bannia18.png";
        alte = "";
      dirlien = "_blank";
        }
        if (numimage > 40)
        {
        gotosite = "http://www.bionifigs.com/t6777-concours-resultats-du-concours-speeda-demon-cloture-le-1er-octobre";
        url = "http://i48.servimg.com/u/f48/10/08/89/50/bannia17.png";
        alte = "";
      dirlien = "_blank";
        }
        if(gotosite != "")
          {
          document.write ('<A HREF="' + gotosite +  '" target="' + dirlien +'">'); 
          }
        document.write('<IMG SRC="' + url + '" ALT="' + alte + '" BORDER=0>')
        if(gotosite != "")
          {
          document.write('</A>')
          }
        }
        </SCRIPT>
       
        <SCRIPT language="JavaScript">
        banniere();
        </SCRIPT>
santa A+

missx
+ Hyperactif +

Féminin
Messages : 2895
Inscrit(e) le : 12/05/2007

http://google.fr
missx a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre des liens sur des images aléatoires

Message par exo-6 le Dim 23 Déc 2012 - 15:47

Ça marche impeccable, merci beaucoup missx Wink

Je mets Résolu mais j'en profite pour faire la pub de mon autre topic où je n'arrive pas à avoir de réponse x)

http://forum.forumactif.com/t343146-compteur-a-la-place-de-la-barre-de-reputation

Bonne continuation.

exo-6
***

Masculin
Messages : 133
Inscrit(e) le : 18/09/2006

http://www.bionifigs.com
exo-6 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre des liens sur des images aléatoires

Message par missx le Dim 23 Déc 2012 - 15:50

joyeux noël ! santa

missx
+ Hyperactif +

Féminin
Messages : 2895
Inscrit(e) le : 12/05/2007

http://google.fr
missx a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum