> Tous les forums > Forum Forum des Webmasters
 javascript
Ajouter un message à la discussion
Pages : [1] 2 ... Fin
Page 1 sur 2 [Fin]
mounbridge
  Posté le 14/07/2012 @ 05:07 
Aller en bas de la page 
Astucien

bonjour

Je cherche à agrandir des images par simple passage de souris dessus comme sur ce cite la

mais je ne connais pas la manipe à effectuée en espérant qu elle ne soit pas trop hardue

donc si qq peut m expliquer comment procéder pour avoir ce résultat,,,,,,, je prends

en attendant:: Merci



Modifié par mounbridge le 14/07/2012 05:49
Publicité
elle
 Posté le 14/07/2012 à 05:24 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

Ce n'est pas du JavaScript (ce qui ne serait pas pratique du tout étant donné l'objectif de la page ) mais simplement du CSS. Regarde dans le code source de ma page...

Ou ici : https://www.google.ca/search?q=agrandir+image+survol+css&ie=UTF-8#hl=fr&sclient=psy-ab&q=agrandir+image+css+hover&oq=agrandir+image+css&gs_l=serp.1.3.0l2j0i30l2.91403.91403.0.93567.1.1.0.0.0.0.110.110.0j1.1.0...0.0...1c.pw8bR6pbngs&pbx=1&bav=on.2,or.r_gc.r_pw.r_qf.,cf.osb&fp=8a6f6347da3c35f6&biw=980&bih=492



Modifié par elle le 14/07/2012 05:26
mounbridge
 Posté le 14/07/2012 à 05:52 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Astucien

elle

merci, mais c'est bien ce que je craignais, tout ça pour moi c'est du Latin arabien chinois

trop complexe pour mon niveau donc je vais laisser tomber mon fantasme du zoom

merci qq même et bon WE

txuku
 Posté le 14/07/2012 à 10:30 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien

Bonjour

http://legiontcek1.free.fr/SEVEN/PcAstuce/TestAgrandirImage2.html

J ai un peu de mal avec pcastuces pour les url et les codes ...........

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html template="true" lang="fr">
<head>
<title>Modification d'une image lors du passage de la souris</title>
</head>
<body>
<a href="javascript:;"
onmouseover="document.img_1.src='http://milsabord.bzh.free.fr/ALBUM/DIVERS/slides/AUTO_RETRO_2012_RED_046.jpg';"
onmouseout="document.img_1.src='http://milsabord.bzh.free.fr/ALBUM/DIVERS/thumbs/AUTO_RETRO_2012_RED_046.jpg';">
<img name="img_1"
src="http://milsabord.bzh.free.fr/ALBUM/DIVERS/thumbs/AUTO_RETRO_2012_RED_046.jpg"></a>
</body>
</html>

J espere que cela parait plus clair ???



Modifié par txuku le 14/07/2012 15:13
Dreamer
 Posté le 14/07/2012 à 11:19 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

Pourquoi du JS, le CSS suffit largement et il n'est pas désactivé par certains visiteurs .....Frileux !!

Tu peux te baser avec ceci ou cela

mounbridge
 Posté le 14/07/2012 à 13:07 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Astucien

re et merci

txuku: effectivment c'est ce que je cherche a faire

les 2 liens ne menent à rien

Dreamer : idem pour le zoom image

les 2 liens sont en Anglais

pour vous deux; ça m explique pas comment proceder

merci qq même

Dreamer
 Posté le 14/07/2012 à 13:11 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

mounbridge a écrit :

re et merci

txuku: effectivment c'est ce que je cherche a faire

les 2 liens ne menent à rien

Dreamer : idem pour le zoom image

les 2 liens sont en Anglais

pour vous deux; ça m explique pas comment proceder

merci qq même

As-tu commencé à faire ton code ??

Dreamer
 Posté le 14/07/2012 à 13:25 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

Exemple:

HTML hera.jpg sera la petite photo ou la vignette si tu préfères ...

<div class="zoom">
    <p>
        <img src="hera.jpg"
         alt="photo de Hera" />
    </p>
</div>

CSS

.zoom {
height:540px;
margin:auto;
}
.zoom p {
text-align:center;
}
.zoom img {
width:200px;
height:200px;
}
.zoom img:hover {
width:540px;
height:540px;
}

C'est assez simple, tu peux faire l'essai !!

mounbridge
 Posté le 14/07/2012 à 13:39 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Astucien

re

merci Dreamer

mais je ne vois pas comment y arriver ç'est un peu au-dessus de mes capacités informatiques

en plus j ai pas le site sous la main (il appartient a mon gendre qui vient de partir 8 jours )

donc je reflechie si je persevere ou si je laisse tomber et vois ça dans une dizaine de jours

Je pensais que c'etait plus facile que ça

encore merci

a+

Publicité
Dreamer
 Posté le 14/07/2012 à 18:57 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

mounbridge a écrit :

re

merci Dreamer

mais je ne vois pas comment y arriver ç'est un peu au-dessus de mes capacités informatiques

en plus j ai pas le site sous la main (il appartient a mon gendre qui vient de partir 8 jours )

donc je reflechie si je persevere ou si je laisse tomber et vois ça dans une dizaine de jours

Je pensais que c'etait plus facile que ça

encore merci

a+

Doones-nous l'adresse du site et ce que tu veux y faire !!

mounbridge
 Posté le 15/07/2012 à 07:47 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Astucien

rebonjour et merci

je voudrais avoir un grossissement d'un element d'un site, par clique dessus ou juste par passage de la souris , comme sur ce site la

quand on clique sur les diplomes ça les zoome

et je vois que j ai mal posé ma question ou j ecrivais " par passage se souris" alors qu en fait c'est par clique dessus

mais l'une ou l autre manoeuvre sera la bien venue

Quand au site sur lequel je veux effectuer cette manipe

1) il est en construction

2) l administrateur est parti 8 jours

en tous cas merci

Dreamer
 Posté le 15/07/2012 à 08:54 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

J'ai vu ce que tu veux, c'est un effet lightbox, c'est simple à installer .....

Exemple 1

Exemple 2

Exemple 3

etc ......

Et celui utilisé ....

mounbridge
 Posté le 15/07/2012 à 09:15 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Astucien

re

J'ai vu ce que tu veux, c'est un effet lightbox, c'est simple à installer

content pour toi (lol) mais moi ça me dit rien du tout je vois pas comment faire tout çaet en plus tout est en anglais

de plus je ne voudrais pas abuser de ton temps en explications car avant que je pige ça risque d'etre long

donc je vais laisser tomber et dire a mon gendre(l admin du site ) qu il se debrouille


je te remercie encore pour tes réponses mais j abandonne


excuse pour le temps que je t ai fait perdre, mais franchement je voyait ça plus facile a realiser


merci


Dreamer
 Posté le 15/07/2012 à 09:18 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

C'est très simple à installer !!

Il ne faut pas se désespérer et en plus je t'aiderais, que demande le peuple !!

mounbridge
 Posté le 15/07/2012 à 10:47 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Astucien

M.Dreamer

t es trop bon et donc je poursuiset en avant gout, tu dis;

C'est très simple à installer !!

qu'est ce qui est simple a installer (un logiciel ou une manipe?)

et est ce que je pourrai tester sur un forum ou faut il allez sur un site ?

Il ne faut pas se désespérer et en plus je t'aiderais, que demande le peuple !!

des euros;


merci pour tout

Dreamer
 Posté le 15/07/2012 à 11:25 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

mounbridge a écrit :

M.Dreamer

t es trop bon et donc je poursuiset en avant gout, tu dis;

C'est très simple à installer !!

qu'est ce qui est simple a installer (un logiciel ou une manipe?)

et est ce que je pourrai tester sur un forum ou faut il allez sur un site ?

Il ne faut pas se désespérer et en plus je t'aiderais, que demande le peuple !!

des euros;


merci pour tout

Quand je dis, c'est simple, c'est que c'est simple, pas besoin de logiciel.

Il y a quelques lignes de code à mettre et je t'indiquerais lesquelles

Tu as raison pour les euros, mais je fais ça pour le plaisir, ce qui enrichis rarement, si ce n'est en amitiés !!

Quand j'aurais ton script, je t'indiquerais comment faire, n'ais aucune inquiètude !!

mounbridge
 Posté le 15/07/2012 à 12:31 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Astucien

re

merci et je te rappelle quand j ai le site sous la main

bon WE



Modifié par mounbridge le 15/07/2012 12:57
Publicité
Dreamer
 Posté le 15/07/2012 à 14:18 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

mounbridge a écrit :

re

merci et je te rappelle quand j ai le site sous la main

bon WE

mounbridge
 Posté le 15/07/2012 à 15:26 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Astucien

re

j ai vu que tu avais l habitude avec ton site Francophonia (tres bien presenté)

a+

elle
 Posté le 15/07/2012 à 17:00 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

mounbridge a écrit :

j ai vu que tu avais l habitude avec ton site Francophonia (tres bien presenté)

Francophonia, ce n'est pas "son" site à proprement parler, mais les deux autres, oui.

Dreamer
 Posté le 15/07/2012 à 17:52 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

elle a écrit :
mounbridge a écrit :

j ai vu que tu avais l habitude avec ton site Francophonia (tres bien presenté)

Francophonia, ce n'est pas "son" site à proprement parler, mais les deux autres, oui.

Merci oh grande prêtresse !!

Francophonia est un forum ......Francophone dont je fais partie tout comme mon amie Elle et dont nous avons fait le design !!

mounbridge
 Posté le 16/07/2012 à 04:12 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Astucien

re

Excuse mon bon Dreamer

j'ai marqué Francophonia alors que j ai visité TON SITE refait a 9 et toutseul)

sorry de chez sorry

a+

Dreamer
 Posté le 16/07/2012 à 07:35 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

mounbridge a écrit :

re

Excuse mon bon Dreamer

j'ai marqué Francophonia alors que j ai visité TON SITE refait a 9 et toutseul)

sorry de chez sorry

a+

Tu es tout excusé !!!

mounbridge
 Posté le 21/07/2012 à 10:33 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Astucien

re bonjour Dreamer

bon, en fait j ai contacté mon gendre qui me dit avoir trouvé la manipe à faire sur son site

donc pour moi c 'est résolu

excuses de t avoir dérangé pour rien

longue vie à toi et aux tiens et bon WE

Dreamer
 Posté le 21/07/2012 à 11:33 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

On ne me dérange jamais et surtout ton post peut servir à quelqu'un d'autre .......

Jean-Pierre
 Posté le 25/07/2012 à 18:25 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

Au passage, le mot "zoom" est impropre à mon sens car au passage du gaspard (enfin... le curseur), la petite image (vignette) se trouve échangée par une plus grande tout bêtement.

Le zoom est certainement possible via JS, AJAX, etc., mais nous nous adressons à un débutant ; alors adaptons-nous camarades

Publicité
Pages : [1] 2 ... Fin
Page 1 sur 2 [Fin]

Vous devez être connecté pour poster des messages. Cliquez ici pour vous identifier.

Vous n'avez pas de compte ? Créez-en un gratuitement !


Sujets relatifs
Javascript (windows.find
redimensionner en javascript
Menu en Javascript
apprendre javascript
Empêcher les doublons dans un tableau javascript
Association html, css et javascript
javascript
Problème avec menu en javascript à éditer
empêcher submit formulaire via javascript
Formulaire,javascript,php,quel choix faire,
Plus de sujets relatifs à javascript
 > Tous les forums > Forum Forum des Webmasters