Code html pour agrandire des images

Fermé

jer03 - 23 juil. 2013 à 16:10
jer03 - 23 juil. 2013 à 19:04

Bonjour,
je viens de mettre un code html pour agrandir des image sur ma futur page web.
le voici:
<head>
</script>
<meta http-equiv=Content-Type content="text/html; charset=iso-8859-1">

<style type="text/css">

a img {border:none} /* pas d'encadrement des images */

a:hover {border:10px } /* hack pour IE - ne sert sinon à rien */

a:hover img {width:600px ; height:316px} /* agrandi les images lors du survol */

</style>
</head>

et pour body:

<BODY>

<a href="#"><img src="images/image1.jpg" width="100" height="54" alt=""></a>

<a href="#"><img src="images/image2.jpg" width="100" height="54" alt=""></a>

<a href="#"><img src="images/image3.jpg" width="100" height="54" alt=""></a>

<a href="#"><img src="images/image4.jpg" width="100" height="54" alt=""></a>

cela marche très bien mais le problème que j'ai c'est que sur ma page, j'ai des images qui s'agrandisse alors que je ne veux pas. je veux juste un agrandissement sur les images " image1, image2, image3, image4" et pas sur les autres.

comment je dois faire alors?

A voir également:

Code html pour agrandire des images
Code asci - Guide
Editeur html - Télécharger - HTML
Code puk bloqué - Guide
Code telephone oublié - Guide
Des images - Guide

2 réponses

Réponse 1 / 2

astuces72 Messages postés 7722 Date d'inscription vendredi 15 janvier 2010 Statut Membre Dernière intervention 17 avril 2024 1 637
23 juil. 2013 à 16:26

hello

il faut faire une class

<style type="text/css">
.imgresize {border:none} /* pas d'encadrement des images */
.imgresize:hover {border:10px } /* hack pour IE - ne sert sinon à rien */
.imgresize:hover {width:600px ; height:316px} /* agrandi les images lors du survol */
</style>

et pour l'image qui doit être agrandi:
<a href="#"><img class="imgresize" src="images/image1.jpg" width="100" height="54" alt=""></a>

mais un agrandissement ne se fait pas comme ça !
il faut une miniature et une image déjà à la taille 600X316.

Réponse 2 / 2

jer03
23 juil. 2013 à 19:04

ok merci ça marche.

par rapport à ce vous disiez "mais un agrandissement ne se fait pas comme ça !
il faut une miniature et une image déjà à la taille 600X316."
vous connaissez une autre solution?

Discussions similaires

Code de renvoi d'appel : Ooredo, Mobilis...

Codes bateaux et avion GTA vice city Stories

Espace en HTML

Discussions similaires

Newsletters