[javascript]des images dans un seul calque
gizmo
-
Erdnax Messages postés 2279 Statut Contributeur -
Erdnax Messages postés 2279 Statut Contributeur -
Bonjour à tous.
Voilà, j'ai une page html qui possède une dizaine d'images.
Les images son mises à 25% de leurs tailles.
J'aimerais que lorsque l'on passe la souris sur une image, un calque se place sur celle-ci pour l'afficher dans sa taille réelle.
De plus j'aimerais pouvoir utiliser le système sur plusieurs pages contenant elles aussi d'autres images.
Je pense avoir compris qu'il fallait utiliser la balise DIV mais je suis une veritable bille dans le css et javascript. mes différents essai ne font pas bouger la page d'un poil.
au secours !!
Voilà, j'ai une page html qui possède une dizaine d'images.
Les images son mises à 25% de leurs tailles.
J'aimerais que lorsque l'on passe la souris sur une image, un calque se place sur celle-ci pour l'afficher dans sa taille réelle.
De plus j'aimerais pouvoir utiliser le système sur plusieurs pages contenant elles aussi d'autres images.
Je pense avoir compris qu'il fallait utiliser la balise DIV mais je suis une veritable bille dans le css et javascript. mes différents essai ne font pas bouger la page d'un poil.
au secours !!
A voir également:
- [javascript]des images dans un seul calque
- Des images - Guide
- Comment insérer des images dans un document word - Guide
- Le fichier à télécharger comporte une image composée de quatre calques numérotés de 1 à 4. dans la fenêtre des calques, mettez les calques dans cet ordre : 2 (tout en haut) 3 1 4 (tout en bas) quelle suite d’animaux s’affiche de gauche à droite ? - Forum Photoshop
- Superposer des images ✓ - Forum Graphisme
- Visualisez cette image avec un logiciel d'édition d'images. combien y a-t-il de pixels noirs sur le camion ? ✓ - Forum Python
1 réponse
Salut,
Est-ce que c'est ça que tu veux faire ;) (descendre un peu dans la page)
http://mammouthland.free.fr/cours/css/cours8.php
@+
Est-ce que c'est ça que tu veux faire ;) (descendre un peu dans la page)
http://mammouthland.free.fr/cours/css/cours8.php
@+
Merci pour le lien Erdnax.
Déjà ça avance pas mal.
Juste une chose, y a t'il une méthode pour que sur le "onmouseover" d'une des images, le cadre zoomant sur l'image ne déteriore pas le reste de l'affichage?un cadre qui viendrait se superposer au contenu de la page?
Pour l'instant, il faut laisser l'espace nécessaire à l'affichage zoomé de chaque image. C'est pas très jolie et occupe plein de place sur la page inutiliment ( pour le coup y a plus grand intérêt et vaut mieux laisser les images en taille zoomées).
Merci.
Sinon, tu peux faire un espace réservé à l'agrandissement de toutes tes images suivant ta mise en page, et chaque image se voit agrandie au même endroit. Shéma (je sais pas trop ce que ça va donner) :
Et à chaque fois que passe la souris sur une petite, c'est dans la grand qu'elle s'agrandit.