changer image dynamiquement + menu onglet

[nizouille]

Comment on fait pour faire ça ?

http://www.alistapart.com/about/

(modifier l'image en fonction du clic)

Ou pour changer toute la feuille de style

Quelqu'un a un tuto là-dessus ?

Merci.

Mon ami google ne m'a pas aidé (j'ai pas dû taper les bons mots-clés).

A priori, je voudrait juste changer l'image du header en cliquant sur un lien, sans que ça change l'entièreté de la feuille de styles ; et aussi faire un menu par onglet (en fait copier de fond en comble le site alistapart ... ou plus sérieusement, j'aimerais adapter cette technique pour mon site sur l'enseignement)

Merchi

Super Nizouille

[Anonymus]

Très simple. Tu associes chaque page à une image, et lorsque la personne demande la page, tu renvoies une image différente.

A quel niveau tu bloques ?

[nizouille]

non je ne sais pas en fait ... Je suis con ... Il suffit que je mette un

$ma_variable à l'endroit concerné

Et que sur chaque page je fasse <?php $ma_variable= "<img src='images/mon-image.gif' alt width>"> ?

Mais je n'aurai pas de prb si la variable n'est pas déclarée sur certaines pages ..

En fait j'ai déjà fait un test : http://www.enseignons.be/dev (voir le menu du dessus),

mais qd on clique sur un lien ailleurs, tout ça disparaît ou il y a un gros truc comme quoi l'image n'existe pas ..

Mais pour ça j'avais fait l'inverse :

<img src='images/<?php echo ma-variable ?>'>

et dans la page $mavariable = ma-variable.gif.

En fait j'aimerais qu'une fois-le lien cliqué ce soit telle image, et pas une autre, jusqu'au prochain changement d'image décidé ..

Je ne vais qd même pas mettre les variables sur toutes les pages de mon site si ?

[Anonymus]

Non, si tu as un fichier de configuration, lu par toutes les pages, alors tu peux mettre cette variable à cet endroit. Personnellement, j'utilises un tableau pour ca, avec d'un coté la page en index, et le nom de l'image en valeur. Ca donne :

$array = array("index"=>"bateau","presentation"=>"libellule","contact"=>"immeuble");

L'exemple : .http://www.galle.fr/entreprise/dev/nouveau_site/

(en ligne dans.. pas longtemps )

[nizouille]

Tu peux m'en dire plus ? en terme de code

Je ne vois pas très bien comment implanter ça sur mon site ...

Mon fichier fonctionne avec des include, et ces images se situent dans un fichier inclus dans toutes les pages, donc a priori pas de problème ..

Mais je ne vois pas pour le moment, même si je comprends le principe.

En gros ça dirait :

si l'utilisateur clique sur index > on affiche l'image bateau

Et l'image bateau ne change que si on a cliqué sur présentation c ça ?

Modifié 14 Juin 2005 par nizouille

[Anonymus]

Oui, c'est ca.

Tu as un include appelé par toutes les pages. Dans cet include, tu mets un tableau, tel que celui que je t'ai montré.

En fait, ca dépend aussi et surtout de la manière dont sont construites tes pages.

Peux tu nous dire quel est l'include appelé par toutes les pages ? (ou le premier, s'il y en a plusieurs).

Il faut que cet include soit avant l'appel de l'image par le code html.

Ensuite, mets aussi le code html de l'appel de l'image.

Voilà

[nizouille]

J'ai un header .php inclus dans toutes les pages, avec le head de ma page et le début du body

Dans une div, j'ai ceci :

<img src="/dev/images/<?php echo $image ?>" class="titre"/>

Ceci suit :

<a href="/dev/" class="bt3">Accueil</a> 
<a href="/dev/newsletter/subscribe.php" class="bt3">News</a> 
<a href="/dev/forum/index.php?c=10" class="bt3">Forum</a>
<a href="/dev/photos-classe.php" class="bt3">Photos Classes</a> 
<a href="/dev/blog.php" class="bt3">Blogs-notes</a> 
<a href="/dev/mon-compte.php" class="bt3" style="font-weight:bold;">Mon Profil</a>

Les différentes pages subscribe, photo-classe, blog comportent toutes une variable $image qui indique le nom de l'image ...

Le problème est que dès que je clique sur un lien à l'intérieur de la page, la variable image n'est pas chargée, même si je suis dans l"'onglet" blogs-notes ou photos-classes ..

Comment tuu utilises ce array ? Ca résoudrait mon problème ?

[Anonymus]

Par rapport à tes liens, ca a l'air de marcher, pourtant, non ?

On a bien les images 'photos de classe', 'blogs-notes', etc.. ?

[Beatnykk]

je suis pas sûr de comprendre ton problème nizouille, mais est-ce que la définition de la variable $image="nom de l'image.xxx" précéde bien dans chacune de tes pages php (ex: accueil.php) le code d'affichage dynamique de l'image <img src="/dev/images/<?php echo $image ?>" class="titre"/> ???

sinon c'est pour ça !