[résolu]Changer l'image lorsqu' on pointe dessus

comment on fait pour changer l'image (bannière, pas background) lorsqu' on pointe dessus?
pour mon site warhammer...
project-w 40k
(prochaînement jeu en PHP)
ou alors qu'elle change toute seule avec un intevale mais le gif n'a pas assez de couleurs...(peut-etre le flash, c'est quel format d'image?)
Modifié par thurarpop (28 Sep 2005 - 18:32)

pourquoi personne ne me repond? on ne peut pas?
ni flash, ni hover?
Modifié par thurarpop (28 Sep 2005 - 09:19)

Bonjour,
tu peux le faire en gérant ta bannière dans le css.
pour le moment tu as dans ton code source :

<div id="header"><center><br/>
	  <img src="images/w40kaos.gif"/>
      </center></div>

Moi je mettrais ça dans le code xhtml:

<h1 id="header"><a href="index.php" title="Nom de ton site - Accueil"><span>www.tonsite.com</span></a></h1>

Tu obtiens donc un lien vers l'accueil en entête de ton site. Aprés tout se fait dans le css.
Tu définis le background-image de #header a:link, et le background-image de #header a:hover (avec la deuxième image).
Définis un peu ton bloc #header (taille, position...), pense à mettre la propriété display:none pour le #header span.
Valla ça doit tourner je pense.
Modifié par djai (28 Sep 2005 - 09:45)

Sinon, si tu tiens absolument à passer par une image dans le (X)HTML et pas en background css, il va falloir faire du javascript, avec tout ce que ça implique.

thurarpop a écrit :
pourquoi personne ne me repond? on ne peut pas?
ni flash, ni hover?

Bonjour,

La patiente est une grande qualité, surtout que tu as posté à 08h37 et fait un up à 09h15, faut pas abuser non plus.
Une autre qualité sur ce forum c'est également de dire boujour et autres règles de politesse d'usage comme tu l'as lu dans les règles: 18- Un peu de politesse !

djai a écrit :
Bonjour,
tu peux le faire en gérant ta bannière dans le css.
pour le moment tu as dans ton code source :

<div id="header"><center><br/>
	  <img src="images/w40kaos.gif"/>
      </center></div>

Moi je mettrais ça dans le code xhtml:

<h1 id="header"><a href="index.php" title="Nom de ton site - Accueil"><span>www.tonsite.com</span></a></h1>

Tu obtiens donc un lien vers l'accueil en entête de ton site. Aprés tout se fait dans le css.
Tu définis le background-image de #header a:link, et le background-image de #header a:hover (avec la deuxième image).
Définis un peu ton bloc #header (taille, position...), pense à mettre la propriété display:none pour le #header span.
Valla ça doit tourner je pense.

et pour le css je met quoi? la fonction h1 id je connaissais pas...
moi je veu garder le contour de l'image
Modifié par thurarpop (28 Sep 2005 - 10:05)

La balise H1 est la balise pour les titres de niveau 1.
Mais si tu me demandes ça c'est que tu ne connais pas les balises de bases, donc je pense que tu ne connais pas trop l'html non plus. Peut être serait il préférable que tu reprennes qques bases, par exemple en lisant un peu les articles d'alsacréation, ou en achetant le livre ccs2 de raphael.
Parce que la honnetement ça me paraît un peu long de t'expliquer comment faire et que tu comprennes.
Peut être que quelqu'un auras la motivation de t'expliquer, sinon bon courage à toi et puis sache que tu ne regretteras pas ce que tu vas apprendre.

h1 je connais quand même, mais je ne savais pas encore que l'on pouvait mettre des class et des id a toutes les balises
je n'ai que 12 ans quand même :
project-w 40k
et pour creer une page membres, je fais commment (je connais pas trop le php)
Modifié par thurarpop (28 Sep 2005 - 12:21)

Mon but n'était pas de t'offenser, si tu l'as pris ainsi je te présente mes excuses.
Pour ton en-tête voici grosso modo le code du css :

h1#header
{
	height: 100px;
	autre propriété comme margin, padding, left ...
}

h1#header a
{
	height: 100px ;
	display: block ;
	background: url(images/titre1.png) no-repeat ;
}
h1#header a:hover
{
	background: url(images/titre2.png) no-repeat ;
}
h1#header a span
{
	display: none ;
}

Je te laisse faire des essais, mais en gros le principe est la.
Pour la page membres en php, même si tu n'est pas sur le bon forum, comme piste je te dirai de créer une table user (identifiant, pass), quand l'internaute se connecte tu test la validité dans la base, si c'est ok tu lui envoie un cookies qui enregistre ses parametres (id et pass) et à chaque page réservé tu lis le cookie et vérifie si il est bien enregistré dans ta table. Une petite recherche sur google et tu trouveras sans problème.
Bonne continuation.

merci^^
je ne suis pas seul a faire le site de toute façon et re-merci!:)

il ne e reste plus qu'a le centrer dans le header

finalement j'ai opté pour ça :

CSS :

h1#header
{
	height: 150px;
}

#bannières
{
	height: 100px;
	width: 750px;
	background: url('images/w40kaos.gif');
}

#bannières:hover
{
	background: url('images/project_w 40k.jpeg');
}

XHTML :

        <h1 id="header">
	       <center><br/>
		       <div id="bannières"
			</div>
	       </center>
         </h1>

et ça donne ça :
project-w 40k
je sais, sa a l'air simple, mais ça ne l'ai pas autant que ça!
Modifié par thurarpop (28 Sep 2005 - 14:08)

djai a écrit :
Mon but n'était pas de t'offenser, si tu l'as pris ainsi je te présente mes excuses.
Pour ton en-tête voici grosso modo le code du css :

h1#header
{
	height: 100px;
	autre propriété comme margin, padding, left ...
}

h1#header a
{
	height: 100px ;
	display: block ;
	background: url(images/titre1.png) no-repeat ;
}
h1#header a:hover
{
	background: url(images/titre2.png) no-repeat ;
}
h1#header a span
{
	display: none ;
}

Je te laisse faire des essais, mais en gros le principe est la.
Pour la page membres en php, même si tu n'est pas sur le bon forum, comme piste je te dirai de créer une table user (identifiant, pass), quand l'internaute se connecte tu test la validité dans la base, si c'est ok tu lui envoie un cookies qui enregistre ses parametres (id et pass) et à chaque page réservé tu lis le cookie et vérifie si il est bien enregistré dans ta table. Une petite recherche sur google et tu trouveras sans problème.
Bonne continuation.

ton truc ne marche pas, a revoir...

Mon truc comme tu dit n'est pas la même chose que ton truc. Tu n'as pas suivi mes conseils, donc tu ne peux pas dire que mon truc ne fonctionne pas. Enfin truc mis à part, ta méthode fonctionne sous firefox. La pseudo class :hover, utilise la pour des liens, par directement sur ton div.
Reprend le code html que je t'ai donné, avec le lien (balise a), et re essaie en prenant le code css que je t'ai donné. Quand tu l'auras réellement essayer et que ça marche pas, on verra à ce moment là.

j'ai essayer le tien et il ne marche pas, la commende hover ne fait rien, sa laissai la même image,
et pourquoi je changerai si sa marche?
PS : tu me donne mal a la tête avec touts tes trucs ^^
Modifié par thurarpop (28 Sep 2005 - 14:27)

Ta méthode pose problème sous IE il me semble non? ou alors tu n'as pas mis ton site à jour.
Si elle fonctionne marque résolu dans le titre de ton sujet.
Sinon je tenterai de te donner une dernière fois un code fonctionnant adapté à ton cas.

Bonjour,
Regarde ici cela marche.

thurarpop a écrit :

ton truc ne marche pas, a revoir...

thurarpop a écrit :
PS : tu me donne mal a la tête avec touts tes trucs ^^

Le but de ce forum n'est pas de donner des codes "tout cuit", mais de donner des pistes qui permettent à chacun d'apprendre et de progresser. C'est ce qu'essaye de faire djai, donc évites les réponses de cet ordre-ci. Et prends bien soin de (re)lire les règles:

règles a écrit :
16- Ceci est une communauté d'entraide, pas de travail à votre place
Ce forum a pour vocation d'échanger des connaissances. Les membres ne sont pas là pour faire le travail à votre place. Il est donc inutile de demander des scripts tout faits, des codes à faire pour vous. On vous donnera les moyens d'y parvenir vous-même, sans vous apporter le code sur un plateau d'argent.

Modifié par Igor (28 Sep 2005 - 15:46)

papillon41 a écrit :
Bonjour,
Regarde ici cela marche.

votre tutorial ne marche pas avec Mozilla Firefox, donc je préfère garder le mien... Qui ne marche pas sous IE! Il est a la masse cet exploreur décidément...

thurarpop a écrit :

votre tutorial ne marche pas avec Mozilla Firefox

Il fonctionne parfaitement dans IE et Mozilla Firefox.

Je pense qu'il y a un code 13 ici (13 pouces devant l'écran).

Modérez-moi quelqu'un, modérez-moi...
Modifié par Merkel (29 Sep 2005 - 18:24)

Merkel a écrit :


Il fonctionne parfaitement dans IE et Mozilla Firefox.

Je pense qu'il y a un code 13 ici (13 pouces devant l'écran).

Modérez-moi quelqu'un, modérez-moi...

j'ai pas compris la moitiée du quart, la...

Si j'ai bien compris, tu as dis que le tutorial d'Alsa ne fonctionnait pas dans Firefox :

thurarpop a écrit :

votre tutorial ne marche pas avec Mozilla Firefox, donc je préfère garder le mien... Qui ne marche pas sous IE! Il est a la masse cet exploreur décidément...

Je l'ai testé, et il fonctionne très bien dans Firefox, et dans IE. Cela me semble donc un code 13 de ta part, un problème se situant à 13 pouces devant l'écran. Si tu veux, un problème entre la chaise et l'écran... donc venant de toi. C'est plus explicite la ?

Je suis un peu fatigué aujourd'hui, et à chaque fois que quelqu'un te donne une solution, tu dis que la solution ne fonctionne pas. Peut-être confond-tu : "la solution ne fonctionne pas" et "je ne suis pas capable de faire fonctionner cette solution". Pour le tutorial, je répète. J'ai testé, des centaines de membres l'ont testé, l'auteur l'a testé, et ca fonctionne dans Firefox. Toi tu dis le contraire. Y'a de quoi nous faire tomber les bras. Je dis ca sans colère, là. J'explique, c'est tout.

Bonne continuation.
Modifié par Merkel (29 Sep 2005 - 19:57)