asp javascript photos

**surfeur2** · 11/07/2012, 08h59

Bonjour,

Bon je vous explique toutes mes photos sont r�f�renc� dans une base de donn�e.

mon objectif:

- Afficher une grande photo et 4 miniatures au dessous, donc 5 photos diff�rentes extraite depuis la base de donn�e.

- lors du d�placement de la souris sur une miniature par exemple la premi�re, la grande photo devrait changer et montrer la deuxi�me, etc.

L'affichage des photos ne pose pas de probl�mes, par contre lorsque je d�place la souris sur la premi�re miniature rien ne se passe, je pense qu'il y a une probl�me de syntaxe ici : var ph2=new Image();
ph2.src="/Photos/" + <%=rs("Photo2")%>

je vous mets le code en entier:

Code asp :

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
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
<%@LANGUAGE="VBSCRIPT" CODEPAGE="1252"%>
<html>
<head>
<title>Test photos</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
 
<%
' Objet de connexion ADO
Set conn = Server.CreateObject ("ADODB.Connection")
 
' Ouvrir la base avec DSN
conn.open "b"
 
Set rs = Server.CreateObject("ADODB.RecordSet")
sql = "Select * from Vente where Vente.Dom='ch' and Vente.Numero = " & 44888
 
rs.Open sql, CONN,3,2,1
 
%>
 
 
<script language="JavaScript">
var ph1=new Image();
ph1.src="/Photos/" + <%=rs("Photo1")%>;
var ph2=new Image();
ph2.src="/Photos/" + <%=rs("Photo2")%>;
var ph3=new Image();
ph3.src="/Photos/" + <%=rs("Photo3")%>;
var ph4=new Image();
ph4.src="/Photos/" + <%=rs("Photo4")%>;
var ph5=new Image();
ph5.src="/Photos/" + <%=rs("Photo5")%>;
 
function montre2(){
  document.images.ph1.src=ph2.src;
}
function montre3(){
  document.images.ph1.src=ph3.src;
}
function montre4(){
  document.images.ph1.src=ph4.src;
}
function montre5(){
  document.images.ph1.src=ph5.src;
}
 
</script>
</head>
<body>
<table width="40%" border="1">
  <tr>
    <td><div align="center"><img src="/Photos/<%=rs("Photo1")%>" width="240" name="ph1"></div></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td><div align="center"><a href="#" onMouseOver="montre2()"><img src="/Photos/<%=rs("Photo2")%>" width="60" name="photo2"></a>&nbsp;<img src="/Photos/<%=rs("Photo3")%>" width="60" name="photo3">&nbsp;<img src="/Photos/<%=rs("Photo4")%>" width="60" name="photo4">&nbsp;<img src="/Photos/<%=rs("Photo5")%>" width="60" name="photo5">&nbsp;</div></td>
  </tr>
</table>
</body>
<%
rs.close
set rs = nothing
 
CONN.close
set CONN = nothing
%>
</html>

merci d'avance pour vos r�ponses!

**SpaceFrog** · 11/07/2012, 09h31

avec jquery y'a des sliders tout faits ...

et la multiplication de fonctions pour afficher telle ou telle photo est moins d'etre top !
Pourquoi ne pas faire une fonction g�n�rique en passant en param�tre la photo (nr de photo) que tu souhaites afficher ...

asp javascript photos

JavaScript

Vue hybride

Discussions similaires

Partager

Partager