Code pour zoomer une image
libressence
Messages postés
17
Statut
Membre
-
libressence Messages postés 17 Statut Membre -
libressence Messages postés 17 Statut Membre -
Bonjour,
j'espère vivement que quelqu'un pourra m'aider, j'ai un site internet ou j'insère du code html pour faire mes annonces, cependant j'aimerai pouvoir zoomer sur certaines photos au survol de la photo et non en cliquant dessus. Jusque là pas de souci, cependant je ne peux mettre du javascript ni dans le "head" ni dans le "body", cotés admin j'ai un message d'erreur quand j'essaie comme ça.
Ma question est que puis-je faire pour avoir un zoom photo en mettant un code prévu dans une page que pour du html?
Je suis désolé si ce n'est pas clair merci de me le dire, j'attends vos réponses avec impatience et vous remercie pour tout, mes salutations...
j'espère vivement que quelqu'un pourra m'aider, j'ai un site internet ou j'insère du code html pour faire mes annonces, cependant j'aimerai pouvoir zoomer sur certaines photos au survol de la photo et non en cliquant dessus. Jusque là pas de souci, cependant je ne peux mettre du javascript ni dans le "head" ni dans le "body", cotés admin j'ai un message d'erreur quand j'essaie comme ça.
Ma question est que puis-je faire pour avoir un zoom photo en mettant un code prévu dans une page que pour du html?
Je suis désolé si ce n'est pas clair merci de me le dire, j'attends vos réponses avec impatience et vous remercie pour tout, mes salutations...
A voir également:
- Code pour zoomer une image
- Code ascii - Guide
- Code puk bloqué - Guide
- Comment déverrouiller un téléphone quand on a oublié le code - Guide
- Code activation windows 10 - Guide
- Légender une image - Guide
13 réponses
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...
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....
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
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+
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...
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.
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...
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;
}
<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.
