Code pour zoomer une image
Fermé
libressence
Messages postés
17
Date d'inscription
mercredi 21 mai 2008
Statut
Membre
Dernière intervention
5 août 2008
-
21 mai 2008 à 17:33
libressence Messages postés 17 Date d'inscription mercredi 21 mai 2008 Statut Membre Dernière intervention 5 août 2008 - 22 mai 2008 à 12:22
libressence Messages postés 17 Date d'inscription mercredi 21 mai 2008 Statut Membre Dernière intervention 5 août 2008 - 22 mai 2008 à 12:22
A voir également:
- Code pour zoomer une image
- Frédéric cherche à faire le buzz sur les réseaux sociaux. il a ajouté une image de manchots sur une image de plage. retrouvez l'image originale de la plage. que cachent les manchots ? ✓ - Forum Windows
- Recherche par image - Guide
- Image iso - Guide
- Faststone image viewer - Télécharger - Visionnage & Diaporama
- Agrandir une image - Guide
13 réponses
JR des cavernes
Messages postés
152
Date d'inscription
mardi 6 mai 2008
Statut
Membre
Dernière intervention
19 mai 2009
84
21 mai 2008 à 17:53
21 mai 2008 à 17:53
http://css.mammouthland.net/zoomer-une-image-avec-css.php
C'est peut-être ce qu'il te faut
C'est peut-être ce qu'il te faut
libressence
Messages postés
17
Date d'inscription
mercredi 21 mai 2008
Statut
Membre
Dernière intervention
5 août 2008
21 mai 2008 à 17:59
21 mai 2008 à 17:59
En faite cette mise en forme ne me convient pas, je voudrait que l'image s'affiche dans un nouveau cadre car avec cette mise en forme c'est tout ce qui suit après l'image qui est décalé (pas très esthétique)...
Avez vous d'autres option avec du css?
Merci d'avance...
Avez vous d'autres option avec du css?
Merci d'avance...
libressence
Messages postés
17
Date d'inscription
mercredi 21 mai 2008
Statut
Membre
Dernière intervention
5 août 2008
21 mai 2008 à 18:48
21 mai 2008 à 18:48
Avez vous s'il vous plait d'autres suggestions à me fournir??
J'ai cherché longtemps sans trouver, c'est d'ailleurs pour ça que je demande ici...
En espérant que quelqu'un entende ma prière....
J'ai cherché longtemps sans trouver, c'est d'ailleurs pour ça que je demande ici...
En espérant que quelqu'un entende ma prière....
libressence
Messages postés
17
Date d'inscription
mercredi 21 mai 2008
Statut
Membre
Dernière intervention
5 août 2008
21 mai 2008 à 19:21
21 mai 2008 à 19:21
Merci quand même.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
libressence
Messages postés
17
Date d'inscription
mercredi 21 mai 2008
Statut
Membre
Dernière intervention
5 août 2008
21 mai 2008 à 19:25
21 mai 2008 à 19:25
<personne sur ce forum a une réponse à ma question? C'est pas possible!
libressence
Messages postés
17
Date d'inscription
mercredi 21 mai 2008
Statut
Membre
Dernière intervention
5 août 2008
21 mai 2008 à 19:29
21 mai 2008 à 19:29
je suis preneur pour tout ce qui pourrait m'aider, je suis seul sur ce site?
JR des cavernes
Messages postés
152
Date d'inscription
mardi 6 mai 2008
Statut
Membre
Dernière intervention
19 mai 2009
84
21 mai 2008 à 19:47
21 mai 2008 à 19:47
Je comprends pas très bien ce que tu veux faire. Si c'est afficher dans un cadre indépendant une image lorsque tu la survoles je peux t'aider mais dsl pas ce soir demain peut-être.
Il faudrait quand même que t'explique plus en détail ton problème parceque j'ai un peu de mal à saisir ce que tu veux exactement. Et ton histoire de javascript aussi.?.?.?
a+
Il faudrait quand même que t'explique plus en détail ton problème parceque j'ai un peu de mal à saisir ce que tu veux exactement. Et ton histoire de javascript aussi.?.?.?
a+
libressence
Messages postés
17
Date d'inscription
mercredi 21 mai 2008
Statut
Membre
Dernière intervention
5 août 2008
21 mai 2008 à 20:01
21 mai 2008 à 20:01
Ok, je te remercie pour ta réponse, en faite je souhaite faire un zoom au survol de la photo dans un autre cadre, le problème est que j'ai une section coté "admin" de mon site ou je rentre toutes les informations des annonces (prix, quantité etc...) et la description en html (c'est ce que j'ai demandé à mon webmaster à l'époque pour avoir plus de possibilité de modification de la mise en page des annonces). je prépare mon annonce en html avec un éditeur html et je l'intègre dans mon annonce ensuite et elle apparait tel quelle sur mon site.
J'ai essayé de mettre du javascript dans la section ou je mets le html et il y a un message d'erreur, on dirait que je ne peux pas mettre autre chose que du html.
Le problème est que je souhaiterai faire quelque chose de jolie mais vu que j'ai mis du javascript dans le corps de la page et qu'il m'a mis un message d'erreur lorsque je l'ai rentré sur mon site je ne sais pas quoi faire surtout que je ne maitrise pas bien le javascript et le css.
J'espère que c'est compréhensible et qu'on pourra me trouver une astuce ou autre chose, merci à tous en tout cas...
J'ai essayé de mettre du javascript dans la section ou je mets le html et il y a un message d'erreur, on dirait que je ne peux pas mettre autre chose que du html.
Le problème est que je souhaiterai faire quelque chose de jolie mais vu que j'ai mis du javascript dans le corps de la page et qu'il m'a mis un message d'erreur lorsque je l'ai rentré sur mon site je ne sais pas quoi faire surtout que je ne maitrise pas bien le javascript et le css.
J'espère que c'est compréhensible et qu'on pourra me trouver une astuce ou autre chose, merci à tous en tout cas...
libressence
Messages postés
17
Date d'inscription
mercredi 21 mai 2008
Statut
Membre
Dernière intervention
5 août 2008
21 mai 2008 à 20:49
21 mai 2008 à 20:49
En faite, la section ou je mets le html pour mes annonces ne prend pas en compte du javascript, il me mets un message d'erreur, je ne comprend pas pourquoi...
Bonsoir,
ou alors utiliser2 images qui changent quand on passes la souris dessus en CSS
On crées les classes css:
puis dans le corps de la page:
Mais bon il faut faire une image zoom pour chaque image et une classe par cadre, donc javascript est plus approprié s'il y a beaucoup d'images.
ou alors utiliser2 images qui changent quand on passes la souris dessus en CSS
On crées les classes css:
<head>
<style type="text/css" >
cadreimage.div{
width=120px; <!--- longueur et largeur réelle de l'image --->
height=120px;
background-image:url(image.jpg);
}
cadreimage.div:hover{
background-image:url(imagezoom.jpg);
}
<!--- imagezoom.jpg et image.jpg doivent faire la même taille --->
</style>
</head>
puis dans le corps de la page:
<div class="cadreimage"> </div>
Mais bon il faut faire une image zoom pour chaque image et une classe par cadre, donc javascript est plus approprié s'il y a beaucoup d'images.
libressence
Messages postés
17
Date d'inscription
mercredi 21 mai 2008
Statut
Membre
Dernière intervention
5 août 2008
22 mai 2008 à 11:51
22 mai 2008 à 11:51
Merci beaucoup pour ta réponse, le problème que quand je mets du css dans le head, coté admin je suis renvoyer sur un message erreur, je crois que je ne peux pas mettre du javascript ou du css dans le corps de la page, bref je crois que c'est illusoire ce que je recherche, ou alors mettre un lien vers un fichier javascript ou css mais ça je ne sais pas faire, si quelqu'un a une idée, je le remercie d'avance...
JR des cavernes
Messages postés
152
Date d'inscription
mardi 6 mai 2008
Statut
Membre
Dernière intervention
19 mai 2009
84
22 mai 2008 à 12:11
22 mai 2008 à 12:11
Voila une solution je sais pas si elle te convient :
Css :
<html> <head> <link rel="stylesheet" type="text/css" href="zoom2.css"> </head> Voilà une solution, je ne sais pas si elle te convient : Page html : <body> <div class="div_images"> <a href="#"> <img src="a.jpg" alt="a" /> <img src="a_grand.jpg" alt="a" class="grand" /> </a> <a href="#"> <img src="b.jpg" alt="b" /> <img src="b_grand.jpg" alt="b" class="grand" /> </a> <a href="#"> <img src="c.jpg" alt="c" /> <img src="c_grand.jpg" alt="c" class="grand" /> </a> </div> </body> </html>
Css :
body {
background-color:white;
color:white;
}
img {border:0px;}
.div_images {
position:relative;
top:0;
left:0;
}
.div_images a {
margin:0;
text-decoration:none;
}
.div_images a:hover {
background-color:transparent;
}
.div_images a .grand {
position:absolute;
display:none;
}
.div_images a:hover .grand {
display:block;
position:absolute;
top:80px;
left:0px;
width:auto;
height:auto;
}
libressence
Messages postés
17
Date d'inscription
mercredi 21 mai 2008
Statut
Membre
Dernière intervention
5 août 2008
22 mai 2008 à 12:22
22 mai 2008 à 12:22
<link rel="stylesheet" type="text/css" href="ici est ce que je dois mettre un lien vers le fichier css en valeur relative?">
Mon site est en php, beaucoup de commande se font via des fichiers css prédéfinies dans un dossier css, comment puis je insérer une commande dans ce fichier (products.css) pour zoomer de la même façon automatiquement toutes les images de mes annonces? Je sais c'est différent ma demande mais je m'aperçois que se sera bien mieux à gérer par la suite. J'espère trouver une réponse, merci.
Mon site est en php, beaucoup de commande se font via des fichiers css prédéfinies dans un dossier css, comment puis je insérer une commande dans ce fichier (products.css) pour zoomer de la même façon automatiquement toutes les images de mes annonces? Je sais c'est différent ma demande mais je m'aperçois que se sera bien mieux à gérer par la suite. J'espère trouver une réponse, merci.