Page 1 sur 1

Attribuer un lien sur image intégrée dans un Javascript ??

Publié : 10 déc. 2005, 11:57
par schlamos
Bonjour à tous,

J'ai essayé d'attribuer un lien à une image faisant partie d'un script d'affichage aléatoire mais j'y arrive pas :cry:.
Le but est est qu'une image aléatoire qui s'affiche en vignette renvoie sur la même image en plus grand, un classique.
Mais je n'y arrive pas voilà une partie du code de la partie Head:

<script language="JavaScript">
var nbimage= 140;
var width;
var height;
var url;
var alte;
function banniere()
{
numimage= Math.round(Math.random()*(nbimage-1)+1);
if (numimage <= 10)
{
gotosite = "";
url = "img/aleatoire/balcostume2.jpg";
alte = "La Saint Saint ";
}
if (numimage > 10 && numimage <= 20)
{
gotosite = "";
url = "img/aleatoire/couple2.jpg";
alte = "Crevé, elle m'a crevé";
}
if (numimage > 20 && numimage <= 30)
{
etc....
</script>
sinon vous pouvez tout voir ici [/url]http://guildebbkc.free.fr/taverneimgaleatoire.html

Je sais que la dimension de la vignette est pas top je réglèrai ça plus tard :?
Merci d'avance

Publié : 10 déc. 2005, 12:28
par chBok
J'ai peur d'avoir mal saisi ta question. Tu as des tests à la fin de ton script bannière() :

Code : Tout sélectionner

if(gotosite != "")
{
document.write ('<A HREF="' + gotosite + '">'); }
document.write('<IMG SRC="' + url + '" ALT="' + alte + '" BORDER=0/>')
if(gotosite != "")
{
document.write('</A>')
}
qui doivent créer ou non un lien <a href...> si le contenu de la variable gotosite n'est pas vide, or dans ton script, cette variable est toujours vide... donc il est normal qu'aucun lien ne soit mis sur ta vignette.

:idea: Tu pourrais utiliser des tableaux JS pour gérer tes différents liens, le script serait plus propre qu'une succession de tests.

Publié : 10 déc. 2005, 12:53
par schlamos
Pour être franc je suis totalement nul, je suis grand grand débutant notamment en script.
Ce script je l'ai récupéré sur le site "L'éditeur Javascript" ici
http://editeurjavascript.com/scripts/sc ... s_1_53.php

donc ne me pose pas trop de question technique ou alors commence par le B+A= BA.
Pour ce qui est des <A HREF ...> l'éditeur prévoie soie de prendre des images dans une bibliothéque d'image soit de prendre des images via des liens, en tous cas c'est ce que j'ai compris d'où les HREF que je n'ai pas encore enlevé je suis tellement sur de moi faut dire :oops: .
En fait l'objectif est que l'image qui s'affiche en vignette soie aussi un lien qui ouvre la même image en plus grand.
Tu pourrais utiliser des tableaux JS pour gérer tes différents liens, le script serait plus propre qu'une succession de tests.
Ben là tu as dépassé mon niveau de compétence pour être franc. Tableau JS je vois pas ce que c'est désolé. :cry:
Merci quand même[/url]

Publié : 10 déc. 2005, 15:25
par chBok
Arf, je croyais que c'était ton propre script !

Donc, vire les affectations gotosite = ""; partout, et ajoute un simple gotosite = "http://www.geckozone.org/"; au debut de la fonction.

:!: PS : bien sur, tu mets l'url de ton choix :lol:

Publié : 10 déc. 2005, 16:45
par schlamos
Ok pour attribué un lien vers un site mais pour faire un lien vers une image est-ce que gotosite="addresse relative de l'image" ça marche ?

J'en profite pour poser une autre question :oops:
Je fait apparaître les images dans une DIV tableau à cellule unique comment je fait pour mettre un titre au-dessus du tableau.
Me semble que y-a une fonction CSS pour ça mais je la retrouve pas.

PS : J'ai déjà mis un lien vers le site Gecko sur ma page :wink:

Publié : 10 déc. 2005, 18:59
par chBok
Oui, tu peux mettre un lien relatif vers une image, tu n'as pas essayé ?

:!: Pour ta deuxième question, ouvre un nouveau fil de discussion s'il te plait (et explique ce qu'est un DIV tableau...)

Publié : 10 déc. 2005, 19:04
par schlamos
J'ai trouvé c'est bon. Tes explications m'ont stimulé dans mes recherches merci.

Le résulta ici :
http://guildebbkc.free.fr/taverne.html