Zoom sur une image

**Sheriff** · 17/05/2006, 11h46

assure-toi donc que ton image a pour nom 'image' (<img name='image' ...>) ou renomme ton image en 'monimage' c'est à dire <img name='monimage'>
et tu remplaces tout ça dans le code javascript (document.monimage.style.height....) etc.

**flo456** · 17/05/2006, 12h51

ca change rien..
c est mon code en entier :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<%
     'pour afficher l image
    dim Repertoire
    dim item
    dim rstImg
 
    set rstImg = conn.execute("SELECT Image FROM TableMesure where Nom_Wafer ='" & RS("Nom_Wafer") & "' ")
 
    img = rstImg("Image")
    Set FSO = CreateObject("Scripting.FileSystemObject")
    Set Repertoire = FSO.GetFolder(server.MapPath("/intranet/upload/") & "\")
    if FSO.FileExists(Server.MapPath("/intranet/upload/" & img)) then%>
            <a href=javascript:zoom_plus()>zoom</a><a title='petite image' href='#' id='lien'><img src="../upload/<%=img%>" width="100" height="100" name="Monimage"></a>
                      <%else%>
                      <span class="textBody">Pas d image pour ce projet 
                      <%
    end if
     Set Repertoire = nothing
     Set FSO = nothing
     rstImg.close
     set rstImg = nothing
    %>

ca fonctionne peut etre pas a cause de ca non?

**Sheriff** · 17/05/2006, 13h12

regarde un peu ça...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
<html>
 <head>
 <script type=text/javascript>
function zoom_plus(){
if (document.getElementById('lien').title=='petite image')
{document.image.style.width=200;document.image.style.height=200;document.getElementById('lie
n').title='grande image';}
else
{document.image.style.width=100;document.image.style.height=100;document.getElementById('lie
n').title='petite image';}
}
</script>
 </head>
<body>
 <%
     'pour afficher l image
    dim Repertoire
    dim item
    dim rstImg
 
    set rstImg = conn.execute("SELECT Image FROM TableMesure where Nom_Wafer ='" & 
RS("Nom_Wafer") & "' ")
 
    img = rstImg("Image")
    Set FSO = CreateObject("Scripting.FileSystemObject")
    Set Repertoire = FSO.GetFolder(server.MapPath("/intranet/upload/") & "\")
    if FSO.FileExists(Server.MapPath("/intranet/upload/" & img)) then%>
            <a href=javascript:zoom_plus()>zoom</a><a title='petite image' href='#' 
id='lien'><img src="../upload/<%=img%>" width="100" height="100" name="image"></a>
                      <%else%>
                      <span class="textBody">Pas d image pour ce projet 
                      <%
    end if
     Set Repertoire = nothing
     Set FSO = nothing
     rstImg.close
     set rstImg = nothing
    %>
</body>
</html>

et je te promets que ça marche chez moi

remarque ce qui est en rouge-gras...
pense aussi à respecter la casse

@+

**flo456** · 17/05/2006, 13h55

alors pourquoi avec le meme code que toi (copier coller les 2 bouts de codes) ca ne fonctionne pas chez moi?

je n y comprends rien! c est exactement le meme!!!!

**Sheriff** · 17/05/2006, 14h03

tu as testé ma page html en solitaire et ça marche au moins ?
si oui c'est peut-être le navigateur.
si non c'est un conflit avec les autres variables de ta page...
sorry, mais faut débugger !
au fait... c quoi tout ton code ?

**flo456** · 17/05/2006, 14h07

oui ta page en solitaire elle fonctionne bien,.
mon code?
j upload une image et je la mets dans un dossier upload a la racine de mon site et en meme temps j enregistre le nom de l image dans ma bdd pour ne pas etre obligée d enregistrer mon image dans ma table.

et le bou de code la, sert a récupérer l image dans le dossier upload qui correspond au nom dans ma table.

sauf que je les importe en 100/100px et j aurais voulu faire un zoom dessu.. pour qu on voit les détails.

vais voir le code en entier..

merci pour ta patience!

**flo456** · 17/05/2006, 16h34

y aurait pas qqn qui pourrait nous aider? enfin.. surtout moi..
ca serait vraiment bien s'y je pouvais y arriver. (grace a vous bien sur)

..

**Sheriff** · 17/05/2006, 20h21

c vraiment dommage que cela ne marche pas...
faut faire comme je t'ai dit : me donner ton code et aussi le code js que je t'ai refilé ; c'est surement un tout petit détail !
@+

**flo456** · 18/05/2006, 07h55

tu voudrais tout mon code? ma page entière? il fait quand meme 376lignes..
je peux le mettre sur le forum?

**Sheriff** · 18/05/2006, 13h22

salut, toi.
passé une bonne nuit ?
pour ta question, biensur que tu peux envoyer ton code.
si tu trouve que c'est assez volumineux tu peux toujours envoyer en tant que fichier attaché (sers toi de l'icone représentant un trombone...)
mais entre temps j'ai pensé à un autre truc : les div (tu sais, le getElementById('monid').innerHTML='..........')
je teste et je t'envoies, ok ?

t'inquiète, on va résoudre ton pb.

**Sheriff** · 18/05/2006, 13h34

voici la page avec les div...
dis, tu utilises quel éditeur ?
j'ai remarqué que lorque je copiais le code à partir du forum, ça mettais des retours à la ligne innatendus, et, biensur c pas la même chose lorsque le nom d'une variable est coupé...
c'est pour cela que je t'envoi aussi le fichier .html
mais voici quand même le code brut

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
<html>
 <head>
 <script type=text/javascript language=javascript>
function zoom_plus(){
 if (document.getElementById('lien').title=='petite image'){
  document.getElementById('monid').innerHTML="<img src='../upload/<%=img%>' width='200' height='200'>";
  document.getElementById('lien').title='grande image';
 }
 else{
  document.getElementById('monid').innerHTML="<img src='../upload/<%=img%>' width='100' height='100'>";
  document.getElementById('lien').title='petite image';
 }
}
</script>
 </head>
<body>
 <%
     'pour afficher l image
    dim Repertoire
    dim item
    dim rstImg
 
    set rstImg = conn.execute("SELECT Image FROM TableMesure where Nom_Wafer ='" & 
RS("Nom_Wafer") & "' ")
 
    img = rstImg("Image")
    Set FSO = CreateObject("Scripting.FileSystemObject")
    Set Repertoire = FSO.GetFolder(server.MapPath("/intranet/upload/") & "\")
    if FSO.FileExists(Server.MapPath("/intranet/upload/" & img)) then%>
            <a href=javascript:zoom_plus()>zoom</a><a title='petite image' href='#' 
id='lien'><div id='monid'><img src="../upload/<%=img%>" width="100" height="100"></div></a>
                      <%else%>
                      <span class="textBody">Pas d image pour ce projet 
                      <%
    end if
     Set Repertoire = nothing
     Set FSO = nothing
     rstImg.close
     set rstImg = nothing
    %>
</body>
</html>

**flo456** · 18/05/2006, 13h58

c est genial. ca fonctionne. mais par contre quand j agrandi, mon image disparait..
et ma page affiche desfois plusieur image avec des noms différents bien sur. si je clique sur la 3ème image, c est la 1ere qui s agrandit..

j ai mit mon code en piece jointe. j utilise dreamwaver..

ho.. oui j ai bien dormi.. enfin.. j ai pas réver de code.. c est deja ca.. hi hi

**Sheriff** · 18/05/2006, 14h06

Envoyé par flo456

c est genial. ca fonctionne. mais par contre quand j agrandi, mon image disparait..
et ma page affiche desfois plusieur image avec des noms différents bien sur. si je clique sur la 3ème image, c est la 1ere qui s agrandit...

dans ce cas il faut t'assurer que chaque image porte un nom exclusif...
sinon il y aura des conflits... idem pour les variables.
je vais jetter un oeil à ton code, mais en attendant je dois rentrer en cours...
s8 vraiment désolé, mais on discutera un tout petit peu plus tard.
@+

**flo456** · 18/05/2006, 14h08

chaque image a un nom différent! ca c est sur!

merci de ton aide. on se revoit plus tard (suis la jusque vers 17h) sinon demain.
merci pour ton aide! et bonne fin de journée

**Sheriff** · 18/05/2006, 18h15

Envoyé par flo456

chaque image a un nom différent! ca c est sur!

je n'avais pas cette précision...
dans ce cas la fonction doit être paramétrée...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
function zoom_plus(param1, param2,...){
 
}

le paramètre peut être le nom de l'image parexemple ou le id de la balise <a> la précédant...
si les images sont dynamiquement générée c'est plus compliqué, car il faudra aussi générer des noms pour chacune d'elles : trop alambiqué.

je te propose d'utiliser l'objet this pour cela.
regarde un peu:

code js

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
function zoom(nom){
  nom.style.width=(nom.style.width=='200px'?100:200);
  nom.style.height=(nom.style.height=='200px'?100:200);
  nom.alt=(nom.alt=='Agrandir'?'Reduire':'Agrandir');
 }

et dans la page

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<a href=javascript:void(0)><img alt="Agrandir" src="../upload/<%=img%>" width="100" height="100" onclick=zoom(this)></a>

le truc est simple : faut cliquer sur une image pour l'agrandir, et recliquer dessus pour la réduire ; même avec 100 images dans la page ça marche
bon... je t'ai envoyé le fichier .asp revu et corrigé selon la formule que je suis entrain de te proposer (j'ai corrigé seulement la partie qui m'intéresse, because je ne m'y connais pas très bien, en asp. lol)

@ 2m1 !

**flo456** · 19/05/2006, 07h48

alors la, je te tire mon chapeau!
ca fonctionne a merveille! je sais pas quoi dire!
Merci infiniment de ton aide!!! merci merci merci!!!

Zoom sur une image

JavaScript

Discussions similaires

Partager

Partager