Bonjour à tous,

Je voudrais créer un site avec "menu effet image et vignette"
Ma demande est difficile à expliquer alors je préfère vous donner des adresses de sites web. Je sais le faire en flash mais apparemment ils n'utilisent pas cette technologie. Pouvez vous m'aider, je vous remercie d'avance.

J'ai souvent trouver beaucoup d'astuces sur ce forum mais la je cale.

Adresse des sites:
http://staracademy.tf1.fr/ (menu principale image pas les vignettes qui defilent)

http://www.fcnantes.com/accueil.php (menu 4 images)
http://www.lephoceen.fr/ (menu image 4 images)

Merci par avance pour votre aide?
Bonjour et bienvenue

Peut-être ici aurez-vous la réponse ou du moins une piste de solutions.

Une recherche dans la FAQ ou les tutoriels pourrait aussi vous aider à débuter.

Bonne continuation
Hello,

Sauf erreur de ma part, ce que tu cherches à réaliser est un menu déroulant. Un avertissement: c'est plutôt compliqué à faire correctement. Si tu maitrises déjà les bases de HTML et CSS, que tu sais utiliser efficacement le positionnement CSS, et que tu as au moins quelques notions de JavaScript, c'est tout à fait jouable, cependant. Smiley smile
Administrateur
Bonjour,

non je crois qu'il ne parle pas du menu principal mais de l'image avec 4 vignettes à droite ou en bas qui permettent d'afficher les 3 autres images ...

Ca peut se faire en Javascript (non obstrusif ... display: none; par défaut çaÿlemal) ou plus classiquement HTML+CSS
Pour les termes je dirais menu à onglet tout bêtement (tab ou tabbed menu)
Bonjour à tous,

Merci pour vous réponse aussi rapide. Sympa !
Effectivement, je parle plutôt du menu photo comme Felipe le signale.

J'ai essayé de le faire de cette façon:

<TABLE class=" FCK__ShowTableBorders" cellSpacing=1 cellPadding=0 width=420 border=0 bgcolor="#000000">
<tr><td><a href="http://www.zzzzz.com"><IMG onmouseover="MonImage.src='http://www.web.net/essai/2.jpg'"

onmouseout="MonImage.src='http://www.web.net/essai/2.jpg'" 

src="http://www.web.net/essai/1p.jpg"></a>

<a href="http://www.xxxxxxx.com"><IMG onmouseover="MonImage.src='http://www.web.net/essai/3.jpg'"

onmouseout="MonImage.src='http://www.egrweb.net/essai/3.jpg'" 

src="http://www.egrweb.net/essai/3p.jpg"></a>

<a href="http://www.rrrrrrrrr.com"><IMG onmouseover="MonImage.src='http://www.web.net/essai/4.jpg'"

onmouseout="MonImage.src='http://www.web.net/essai/4.jpg'" 

src="http://www.web.net/essai/4p.jpg"></a>


</td></tr>


<tr><td><IMG id=MonImage src="http://www.web.net/essai/4.jpg">
</td></tr>


</table>


Mon problème est que j'arrive à donner un lien aux vignettes mais pas à la grande image qui s'affichent quand on passe sur les vignettes.

Pouvez vous m'aider? Merci de votre gentilesse

sTEPH
Modifié par steph17300 (12 Jan 2009 - 20:02)