presentation menu

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : presentation menu

diarise

Bonjour

Pourriez vous m'aidez à réalisé cette effet ou quelque chose équivalent (tutoriel)

c'est sur la page d'accueil du site de la fifa
Merci de votre aide

Publicité

garath_

Tu veux pas regarder le code source?
Ceci dit c'est un peu complexe pour un débutant.
Si tu n'es pas à l'aise avec HTML/CSS et javascript, je ne te le conseille pas.

Enfin si tu peux décrire précisément l'effet que tu veux, parce qu'il y a plusieurs choses sur leur page.

---------------
HFR Links Preview | HFR Giphy

diarise

bonjour

par exemple je vaudrais afficher sur la colonne de droite le nom des recettes de cuisine et si on pose le curseur sur la celle ci l'image de la recette et le nom s'affiche sur le rectangle comme sur l'image avec l'équipe argentin.
merci de votre aide

garath_

Je suis un peu débutant mais je ferais cela en javascript.

Code :

<script type="text/javascript">
function recette_over(nom) {
document.getelementbyid("desc_recette" ).src="image_recette.jpg";
document.getelementbyid("nom_recette" ).innerHTML= nom;
}
</script>
<div id="nom_recette">Recette</div> //Le titre de la recette, initialisé ici à une valeur de base
<img src="imagedebase.png" id="desc_recette" alt=""> //ton image de base à gauche, celle qui existe sans que tu pointes qqchose avec ta souris
<img src="image.png" id="recette1" alt="mon image" onmouseover=''recette_over(pates au khäkhä)"> // ton image de choix à droite

Bon c'est surement pas très propre, mais ça a le mérite d'être simple à comprendre.
J'ai pas testé, mais le principe est là...

EDIT: il y a surement moyen de faire plus propre en CSS

Message cité 1 fois
Message édité par garath_ le 24-06-2010 à 10:47:30

---------------
HFR Links Preview | HFR Giphy

diarise

garath_ a écrit :

Je suis un peu débutant mais je ferais cela en javascript.

Code :

<script type="text/javascript">
function recette_over(nom) {
document.getelementbyid("desc_recette" ).src="image_recette.jpg";
document.getelementbyid("nom_recette" ).innerHTML= nom;
}
</script>
<div id="nom_recette">Recette</div> //Le titre de la recette, initialisé ici à une valeur de base
<img src="imagedebase.png" id="desc_recette" alt=""> //ton image de base à gauche, celle qui existe sans que tu pointes qqchose avec ta souris
<img src="image.png" id="recette1" alt="mon image" onmouseover=''recette_over(pates au khäkhä)"> // ton image de choix à droite

Bon c'est surement pas très propre, mais ça a le mérite d'être simple à comprendre.
J'ai pas testé, mais le principe est là...

EDIT: il y a surement moyen de faire plus propre en CSS

Bonjour

Merci pour le code très facile à comprendre mais il ne marche pas j'arrive pas à avoir l'effet. Merci de tester a ton niveau

abais

Attention au majuscule : getElementById et non getelementbyid

---------------
Le membre ci-contre n'est pas responsable du message ci-dessus.

garath_

oui navré, j'ai pas attention...

---------------
HFR Links Preview | HFR Giphy

FORUM HardWare.fr

Programmation

HTML/CSS

presentation menu

Sujets relatifs
Un sous sous menu en CSS	Menu déroulant assez déroutant sur un blog en CSS
comment afficher des googleMaps dont j'ai le html avec menu déroulant	Colonne menu déroulant
menu déroulant en AS / syntaxe listener	Requete COUNT par menu deroulant.
[Résolu] Questions Menu déroulant /opacité/IE7	menu déroulant largeurs variables sans JS
Menu "Cloud"	HELP : Présentation PowerPoint en plein écran sans Menu URGENT
Plus de sujets relatifs à : presentation menu

Page générée en 0.082 secondes