Rollover: Css ou JS

Marsh Posté le 07-10-2003 à 19:10:48

Salut.
j'aimerais faire un petit rollover d'images tout bete, pas bien mechants. mais j'aimerais avoir un code le plus optimisé et supporté par le max de navigateur. (enfin au moin Mozilla et IE)
mais je ne sais pas si je doit le faire en CSS ou en JS, ni comment optneir un code genrelament supporté pour JS.
donc voila j'aimerai vos avis, voir vos script sur la chose, si cela ne vous derange pas. merci d'avance

Reply

Marsh Posté le 07-10-2003 à 19:10:48

Reply

Marsh Posté le 07-10-2003 à 19:24:58

le plus simple, c'est le CSS, seulement, certains IE, sur certaines configurations, dans certains cas (on en finirait presque par utiliser la boule de crystal), ne gardent pas les images en cache et doivent les recharger à chaque survol.

Reply

Marsh Posté le 07-10-2003 à 20:02:14

Code :

image1 = new Image(largeur_px,hauteur_px);
image1.src = "image-off.png";
image2 = new Image(largeur_px,hauteur_px);
image2.src = "image-on.png";
function change_image(x, y)
{
document.images[x].src=eval(y+'.src');
}

et pour le HTML :

Code :

<a href="url.php"><img class="no-border" onnmousedown="change_image('image1', 'image2')" onmouseover="change_image('image1', 'image2')" onmouseout="change_image('image1', 'image1')" id="image1" src="image-off.png" alt="description" title="commentaire" /></a>

Message édité par Hermes le Messager le 07-10-2003 à 20:04:12

Reply

Marsh Posté le 07-10-2003 à 20:15:25

salut vous 2. ça fais du monde que je connais j'ai pas trop l'habitude ici
Hermes ça fais un bout qu'on c'est pas vu.
merci beaucoup pou le bout de code. il va m'aider.
voila et encore merci

Reply

Marsh Posté le 07-10-2003 à 20:18:06

tiens pdt que j'y pense ton projets de forum, il avance? tu l'as finis?

Reply

Marsh Posté le 07-10-2003 à 22:21:09

Pas le temps hélas (j'ai 3 sites à faire dont un presque finis). Je reprendrais le forum plus tard.

Reply

Marsh Posté le 07-10-2003 à 22:22:43

ok dommage. en tout cas courage

Reply

Marsh Posté le 07-10-2003 à 22:57:20

Hermes le Messager a écrit :

Pas le temps hélas (j'ai 3 sites à faire dont un presque finis). Je reprendrais le forum plus tard.

tiens tiens, ton forum est pas référencé dans ce topic :??: --> http://forum.hardware.fr/forum2.ph [...] 663&cat=10

Message édité par THE REAL SMILEY le 07-10-2003 à 22:57:26

---------------
༼ つ ◕_◕ ༽つ

Reply

Marsh Posté le 07-10-2003 à 23:04:49

Personnellement, j'aurais tendance à éviter le javascript et privilégier le css : http://www.alsacreations.com/articles/imgreactive/

---------------
www.polychromies.com (Portfolio) - www.photographier-bebe.com (livre photo de bébé) - www.alsacreations.com

Reply

Marsh Posté le 07-10-2003 à 23:16:15

THE REAL SMILEY a écrit :

tiens tiens, ton forum est pas référencé dans ce topic :??: --> http://forum.hardware.fr/forum2.ph [...] 663&cat=10

Normal, j'attend un peu avant de le présenter.

Il arrivera un jour, mais quand ? [:totozzz]

Reply

Marsh Posté le 07-10-2003 à 23:16:15

Reply

Marsh Posté le 08-10-2003 à 01:14:17

l'avantage de le faire en css c'est que ton html deviendrait bcp plus lisible
un chouette truc pour rollovers sans preload necessaire, en css: http://www.pixy.cz/blogg/clanky/cssnopreloadrollovers/

je l'utilise, ça marche bien
(tiens, marrant, l'exemple marche sous ie mais pas mon implementation)

---------------
Hey toi, tu veux acheter des minifigurines Lego, non ?

Reply

Rollover: Css ou JS

Sujets relatifs:

Leave a Replay