Discussion :

[Death83]

Salut a tous,

Je souhaite faire un petit systeme d'affichage d'image sans utiliser de javascript. J'aimerais savoir si je peut le faire en CSS.

Donc voila ce que je voudrais faire:

Je veut mettre un grand cadre sur ma pages et plein de'images sur le reste de la pages. Et je voudrais que lorsque la souris survol une petit image elle s'affiche en grand dans le grand cadre.

Est ce possible?

[TommyWeb]

sans javascript, non ^^

[Death83]

arf. J'avais penser a un systeme de a hoover. En mettant dans la feuille de style un style par image en faisant afficher l'image toujours au même endroit. Mais le probleme c'est qu'il faudrait que l'adresse des images change automatiquement.

A moin que j'integrer du php dans mes feuilles de styles?

[francis m]

avec php aucun intérêt : une page php est gérée par le serveur et renvoie une page pure html à ton client. donc s'il passe au dessus d'une image il ne se passera rien en php

[Death83]

avec php aucun intérêt : une page php est gérée par le serveur et renvoie une page pure html à ton client. donc s'il passe au dessus d'une image il ne se passera rien en php

Oui je sais mais je voyais attribuer un style par image avec les adresses des images envoyer a la feuille de style lors du chargement (avec des variables).

[Perceval]

Il me semble que c'est faisable.... j'avais un truc dans le même style, mais avec des blocs de texte. Je pense que ca doit être faisable. A vérifier.

[francis m]

Oui je sais mais je voyais attribuer un style par image avec les adresses des images envoyer a la feuille de style lors du chargement (avec des variables).

effectivement dans ce cas tu es obligé de passer par php ou équivalent
ce qui veut dire que tu vas recharger ta page à chaque fois que tu cliques sur une image
et si tu veux que cela se passe sans cliquer mais simplement en passant la souris dessus, tu vas être obligé de passer par du javascript en plus

et au final, cela veut dire que chaque fois que l'itilisateur passe sa souris au-dessus d'une image, tu vas recharger une nouvelle page. Cela va être un beau b***el pour celui qui navigue sur ton site

alors je reviens à ta première question : plusieurs images sur ta page (en petit) et un grand cadre pour l'image sélectionnée : dans ce cas, tu n'as qu'un style (et un style seulement) pour ton grand cadre, et donc pas la peine de passer par du php. et à mon avis, le lien que je t'ai indiqué devrait t'aider. un autre lien, donné par spirou, c'est http://www.cssplay.co.uk/menus/flickerfree.htm

[Death83]

et au final, cela veut dire que chaque fois que l'itilisateur passe sa souris au-dessus d'une image, tu vas recharger une nouvelle page. Cela va être un beau b***el pour celui qui navigue sur ton site

Non je pensais envoyer directement toute les adresse des images. Et apres l'image changerais lorsque la souris survolerais les image avec l'évenement hoover. J'ai juste a positionner chaque image a l'emplacement du cadre. C'est ca que je ne sait pas faire.

[francis m]

eh bien regarde les deux liens que je t'ai indiqué
je suis persuadé que tu devrais y trouver l'inspiration