"Glissement" des images en CSS

Eléphant du PHP | 72 Messages

14 déc. 2006, 23:01

Bonjour à tous !

Question toute bête ... Comment peut-on faire une sorte de "slice" avec plusieurs images à CSS à l'image du site Apple :
http://www.apple.com/befr/macbook/design.html

Quand on clique sur une miniature, ça glisse :D

Merci d'avance :)

Administrateur PHPfrance
Administrateur PHPfrance | 11457 Messages

14 déc. 2006, 23:07

CTRL + U avec Firefox ;)

Eléphant du PHP | 72 Messages

14 déc. 2006, 23:24

Ca c'est déjà fait, sinon je ne serais pas ici :P
Ce que je ne comprend pas c'est comment on fait ... Parce que même si Apple a bien rangé son code, ce n'est pas très clair pour moi, je n'ai jamais vraiment approfondi le CSS ...

Mammouth du PHP | 2937 Messages

15 déc. 2006, 10:55

A priori, ce serait plus une question de JavaScript que de CSS s'il faut cliquer pour obtenir l'effet souhaité.

S'il l'on peut se contenter du survol du curseur de la souris, regarde du côté de la pseudo-classe :hover, utilisable avec n'importe quel élément (bien qu'Internet Explorer 6 et versions antérieures ne l'interprètent que pour l'élément a).