Image changeante / en surbrillance

[Lucky Yui]

Bonjour -ou bonsoir !

N'aimant pas demander de l'aide à des personnes inutilement si la réponse est déjà quelques part -je ne fais que déranger les personnes en question et leur faire perdre leur temps ><-, j'ai vraiment cherché. Mais n'ayant pas trouvé au bout de plusieurs jours de recherches, je viens donc vous demander de m'éclairer.

Au départ, je voulais faire une image "changeante" c'est-à-dire, il y a l'image d'un moineau, je passe ma souris sur l'image et pouf! à la place on a celle d'un chat (exemple vraiment nul xD)
Mais comme je n'ai pas réussi à trouver un code que j'arrive à faire marcher, je me suis retiré dans mes retranchements et j'ai cherché comment faire une image "en surbrillance", c'est-à-dire, l'image est claire, je passe ma souris dessus et pouf! elle est foncée. Là j'ai trouvé une astuce : ICI. Cependant je n'ai pas réussi à la faire marcher non plus.

J'ai essayé ceci :

Code:

<table><tr><td>
<a href="http://reason-for-living.probb.fr/" target="_blank"><img class="opac" onmouseover="function anonymous()
{
this.className='clair'
}" onmouseout="function anonymous()
{
this.className='opac'
}" src="http://i28.servimg.com/u/f28/11/58/15/74/catego11.png"  border="0" /></a>

<a href="http://reason-for-living.probb.fr/" target="_blank"> <img src="http://i28.servimg.com/u/f28/11/58/15/74/catego11.png" class="opac" onmouseover="this.className='clair'" onmouseout="this.className='opac'" border="0" /></a>

    <style TYPE="text/css">
    <!--
    .opac { filter:alpha(opacity=30) }
    .clair { filter: alpha(opacity=100)}
    -->
    </style>

</td></tr></table>

Mais je n'ai obtenu que mon image initiale -en deux fois vu qu'il y a deux codes différents-, sans aucun changement avec ou sans passage de la souris.

J'espère m'être expliquée clairement, merci d'avance.

[Lixyr]

Bonjour.


Votre code marche très bien chez moi.

[Lucky Yui]

Bonjour

Ah ? Auriez-vous une idée de pourquoi il ne marche pas chez moi ?

Merci.

[Lixyr]

Vous avez essayé de remettre le code dans votre PA ?
C'est bien dans votre PA que vous avez mis ce code ? Effet regardé sous firefox.

[Lucky Yui]

C'est dans l'entête que je voudrais le mettre mais ça ne marche toujours pas.

[teazor]

Bonjours,
Tu a essayer de le faire sous un autre navigateur ?

[Lucky Yui]

Bonjour

Je n'avais pas essayé mais je viens de le faire et ça ne marche toujours pas

Merci

[Lixyr]

Dans l'entête ? Puis-je avoir le lien de votre forum où vous avez mis ce code, s'il vous plait ?

[Lucky Yui]

Bien sûr : ICI

[Lixyr]

Ca marche sur la deuxième image, mais pas sur la première.

<a href="http://reason-for-living.probb.fr/" target="_blank"><img class="opac" onmouseover="function anonymous()
{
this.className='clair'
}" onmouseout="function anonymous()
{
this.className='opac'
}" src="https://i.servimg.com/u/f28/11/58/15/74/catego11.png" border="0" /></a>

<a href="http://reason-for-living.probb.fr/" target="_blank"> <img src="https://i.servimg.com/u/f28/11/58/15/74/catego11.png" class="opac" onmouseover="this.className='clair'" onmouseout="this.className='opac'" border="0" /></a>

le mieux est donc de garder le code sous cette forme :

Code:

 <a href="URL_DE_REDIRECTION" target="_blank"> <img src="URL_DE_L_IMAGE" class="opac" onmouseover="this.className='clair'" onmouseout="this.className='opac'" border="0" /></a>

pour chaque image.

Cordialement.

[Lucky Yui]

Merci.

Moi je ne vois toujours rien alors ça doit être mon ordi ;__;

Je demanderais aux autres membres de l'administration de mon fo' ce qu'il voit ^^

Encore merci pour votre temps.


Edit : De toutes façons, si vraiment ça marche toujours pas, j'ai trouvé une solution de rechange alors je vais mettre le topic en "résolu", merci pour tout ^^