Créer un menu déroulant qui renvoit vers des

pat -  
 pat -
Bonjour,

Je voudrais créer un menu déroulant qui renvoit vers des images (jpeg) dans la même page (ma galerie de tableaux).
site JIMDO. Photos stockées sur mon PC et sur "dropbox". Sur ma page, les photos n'ont pas d'URL ni code HTML. Pas de possibilité d'y ajouter un lien (je crois).
Pourriez m'aider pour les codes car je n'y arrive pas.
Je débute en "codes" !
Merci pour votre aide.

A voir également:

3 réponses

Réponse 1 / 3
MastercroW Messages postés 1094 Date d'inscription   Statut Membre Dernière intervention   163
 
Je te conseil de faire quelques choses du genre :
Tu fais une div id, sa normalement tu connais.
<div id="image1"> <img src="image1.jpg"></div>

Ensuite ceci c'est pour ton menu déroulant, tu cherches sur google, un script qui permet de faire des redirections. (Fonction location je crois)
Et tu fais ceci au lien de redirection : #image1
0
Réponse 2 / 3
MastercroW Messages postés 1094 Date d'inscription   Statut Membre Dernière intervention   163
 
tu peux faire comme ca : 
<form method=... id="tonForm">  
<select ... onchange="goUrl(this);" >   
<option value="#image1">Image1 Voir</option>   
</select> 
</form>

et ta fonction jscript a mettre dans le head: 
function goUrl(selectUrl) {
url=selectUrl.options[selectUrl.SelectedIndex].value ;
getElementById('tonForm').action=url ;
getElementById('tonForm').submit() ;
}
0
Réponse 3 / 3
pat
 
bjr Mastercrow
Je ne m'y connais que si peu que ce n'est pas facile. Voilà ce que j'ai au départ pour mon code :

<form><select name="ListeUrl" size="1" onchange="ChangeUrl(this.form)" style="width: 180px; background-color: none; color: black; font-family: Verdana; font-size:12px;">
<option selected="selected" value="">Titre de la liste</option>
<option value="http://www.adressevoulue1.com/">Titre 1 du lien</option>
<option value="http://www.adressevoulue2.com/">Titre 2 du lien</option>
<option value="http://www.adressevoulue3.com/">Titre 3 du lien</option>
</select></form>

J'en avais trouvé d'autres mais celui-ci est bien expliqué et il me convenait mais je peux en changer si tu en a 1 plus simple et correspondant mieux.

Je dois coller ton morceau de code où ? Je pense que c'est à : <option selected.... ou après : option value.... (!?) peut-être que je dois remplacer au début de mon code : "ListeUrl" par autre chose ?
Dans ton code où dois-je mettre le nom de ma photo et son emplacement (pas d'url, html, ni htm) ?
merci
pat
0