Salut le fofo,

Je rejoins la communauté.

Tout d'abord le site est merveilleux et c'est grâce à lui que j'ai pu faire mes premiers pas sur CSS.

Je suis actuellement entrain de faire un site internet. Et j'avais une petite question était on va dire "novice".

J'aurai aimé faire un type de "bannière" qui change selon le liens cliqué.

Dur de m'exprimer donc je vous met un lien vers se site  qui a cette méthode.

http://www.cannes.com/fr/index.html

En fouinant un peu dans le code source de la page j'ai remarqué le "visibility: hidden (ou visible);"

Ne connaissant pas je préfère vous demander conseil sur ce type de pratique et de m'éclairer un peu dessus.

Merci beaucoup ! 

Ce type de bannière se crée en JavaScript, qui lors du survole, change les propriétés CSS des div, pour que celle qui est survolées s'affiche et les autres se cachent. Tu peut regarder des tutos sur le hover en JavaScript et comment changer les propriétés CSS à l'aide du JS ! Le mieux pour ce cas aurait été d'utiliser la bibliothèque jQuery, qui permet de faciliter les tâche !

-
Edité par noerubiks 24 août 2013 à 18:25:26

Hmmm oki je te remerci. Je me doutais que ça allais être du javascript.

Mais tu parle au survole, mais si c'est par appuie d'un bouton (style flêche comme sur se site ou autres) c'est pareil ?

Désolé si la question est toute bête

Merci encore.

Ce sera alors un attribut onclick="" sur la balise <img id="bouton" src="bouton.png" /> ou quelque chose comme ça !

Hmhm ne connaissant pas Javascript je vais essayer de m'y pencher un peu plus alors. Ça m'a l'air un peu compliqué pour moi pour l'instant.

Même si ça ne doit surement pas être grand chose.

Merci beaucoup à toi également.

Désolé pour le double post mais question toute bête, si j'essaye la technique du roll over pour que lors du passage de a souris sur un des liens (ou clique), le header (bannière) change de photo ca marcherais ou non ?

Merci encore

Je ne connais pas la technique du "roll over" mais tu peux utiliser l’attribut onmouseover="" !

-
Edité par Anonyme 25 août 2013 à 10:48:43

Je te remercie je vais essayer de voir un peu ca car si je pouvais rester dans le css ca m'arrangerais car le javascript :/

Car dans l'optique ca a l'air simple de se dire que je veux juste changer d'image de bannière lors de clique sur un des liens (tout en restant sur la même page). Il faudrait qu'il soit cacher (visibility: hidden ???) et que lors du clic sur un lien cette image passe en (visibility: visible ???) et l'autre hidden etc. Après en css je sais pas si c'est possible sinon tant pis faudra se mettre au javascript

Je ne vois pas comment le faire autrement que en javascript ! Bonne chance pour ton site !

Ca marche merci beaucoup je vais m'y pencher alors

Si ton sujet est résolu, il y a un bouton en haut à droite du premier post !

Je le laisse ouvert au cas ou un problème se pose lors du script.

Ou alors j'en ouvrirais un nouveau ?

Je te conseille d'attendre et, si il y a un problème, après recherche sur google, ouvrir un nouveau sujet en expliquant directement le problème et en postant URl + les différents codes HTML CSS javascript dans le forum javascript !

Salut tout le monde, 

Je me permet de revenir vers vous car j'ai trouvé la solution à ce que je cherchais... Un slide entièrement CSS c'est possible.

J'ai suivis se tuto magnifiquement bien réalisé et tout est parfait. 

http://www.creativejuiz.fr/blog/tutoriels/css3-creer-slideshow-automatique-controlable-transition

à très vite