Partage

[ CSS ? ] Demande d'aide pour type de bannière.

Sujet résolu
Le 24 août 2013 à 17:48:17

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 ! 

;)

Publicité
Le 24 août 2013 à 17:48:17
Le 24 août 2013 à 18:24:47

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 le 24 août 2013 à 18:25:26

noé
Le 24 août 2013 à 23:52:57

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.

anonyme
Photo
Le 25 août 2013 à 0:02:02

Ce sera alors un attribut onclick="" sur la balise <img id="bouton" src="bouton.png" /> ou quelque chose comme ça ! ;)
Le 25 août 2013 à 0:53:10

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.

Le 25 août 2013 à 10:45:57

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

anonyme
Photo
Le 25 août 2013 à 10:48:18

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

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

Le 25 août 2013 à 12:06:26

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 ^^

anonyme
Photo
Le 25 août 2013 à 12:23:41

Je ne vois pas comment le faire autrement que en javascript ! Bonne chance pour ton site ! ;)
Le 25 août 2013 à 12:57:29

Ca marche merci beaucoup je vais m'y pencher alors :)
anonyme
Photo
Le 25 août 2013 à 13:08:50

Si ton sujet est résolu, il y a un bouton en haut à droite du premier post ! ;)
Le 28 août 2013 à 9:26:47

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

Ou alors j'en ouvrirais un nouveau ?

anonyme
Photo
Le 28 août 2013 à 10:29:36

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 ! ;)
Le 12 septembre 2013 à 15:33:26

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 :)

[ CSS ? ] Demande d'aide pour type de bannière.

× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
  • Editeur
  • Markdown