Avatar billede bramsing Nybegynder
10. januar 2005 - 17:02 Der er 3 kommentarer og
1 løsning

javascript image galleri implanteres i asp og mysql

Jeg har et image galleri script der er skrevet i javascript..
Problemet er at jeg gerne vil have koblet det ind over en mySQL så det således bliver dynamisk..

Selve scriptet ser sådan ud:
<script type="text/javascript">
dynimages[0]=["images/gray.jpg", "", "Dette er en test"]
dynimages[1]=["images/white.jpg", "", "Dette er også en test"]
//Preload images ("yes" or "no"):
var preloadimg="yes"

//Set optional link target to be added to all images with a link:
var optlinktarget=""

//Set image border width
var imgborderwidth=0

//Optionally, change 1.0 and 0.7 below to affect Wipe gradient size and duration in seconds in IE5.5+:
var filterstring="progid:DXImageTransform.Microsoft.GradientWipe(GradientSize=1.0 Duration=0.7)"

///////No need to edit beyond here/////

if (preloadimg=="yes"){
for (x=0; x<dynimages.length; x++){
var myimage=new Image()
myimage.src=dynimages[x][0]
}
}

function returnimgcode(theimg){
var imghtml=""
if (theimg[1]!="")
imghtml='<a href="'+theimg[1]+" target="'+optlinktarget+'">'
imghtml='<img src="'+theimg[0]+'" border="'+imgborderwidth+'">'
if (theimg[1]!="")
imghtml+='</a>'
if (theimg[2]!="")
imghtml+='<br>'+theimg[2]
return imghtml
}

function modifyimage(loadarea, imgindex){
if (document.getElementById){
var imgobj=document.getElementById(loadarea)
if (imgobj.filters && window.createPopup){
imgobj.style.filter=filterstring
imgobj.filters[0].Apply()
}
imgobj.innerHTML=returnimgcode(dynimages[imgindex])
if (imgobj.filters && window.createPopup)
imgobj.filters[0].Play()
return false
}
}
</script>



Jeg har prøvet at skrive response.write foran for at se om ASP derved kunne "generere" scriptet.. Men der får jeg fejl...

Det er denne linie jeg gerne skal have til at gentage sig med det antal poster der er i databasen:

dynimages[0]=["images/gray.jpg", "", "Dette er en test"]
hvor "0" er udskiftet med rsmySQL("ID") i en loop
Avatar billede bramsing Nybegynder
10. januar 2005 - 19:21 #1
Har fundet en løsning....
Avatar billede Jman Praktikant
10. januar 2005 - 19:29 #2
det er god skik at skrive løsningen, til andre der måske har søgt på spørgsmålet :o)
Avatar billede bramsing Nybegynder
10. januar 2005 - 21:01 #3
Naturligvis... sorry... Glemte det i farten... Koden kommer her:

<script type="text/javascript">
//Specify image paths and optional link (set link to "" for no link):
var dynimages=new Array()
</script><%
    set conn = server.createobject("ADODB.connection")
conn.Open "DRIVER={MySQL ODBC 3.51 Driver};SERVER=din-server; DATABASE=dinDB; UID=XXXXX; PWD=PASSWORD;"
rsSQL = "SELECT * FROM nfgalleri"
set rs=conn.execute(rsSQL)
do while not rs.eof
%>
<script type="text/javascript">
dynimages[<%=rs("id")%>]=["<%=rs("sti")%>", "", "<%=rs("beskriv")%><br><%=rs("navn")%>"]
</script>
<%
rs.movenext
loop
%>
<script type="text/javascript">
//Preload images ("yes" or "no"):
var preloadimg="yes"

//Set optional link target to be added to all images with a link:
var optlinktarget=""

//Set image border width
var imgborderwidth=0

//Optionally, change 1.0 and 0.7 below to affect Wipe gradient size and duration in seconds in IE5.5+:
var filterstring="progid:DXImageTransform.Microsoft.GradientWipe(GradientSize=1.0 Duration=0.7)"

///////No need to edit beyond here/////

if (preloadimg=="yes"){
for (x=0; x<dynimages.length; x++){
var myimage=new Image()
myimage.src=dynimages[x][0]
}
}

function returnimgcode(theimg){
var imghtml=""
if (theimg[1]!="")
imghtml='<a href="'+theimg[1]+'" target="'+optlinktarget+'">'
imghtml='<img src="thumbnail.asp?'+theimg[0]+'" border="'+imgborderwidth+'">'
if (theimg[1]!="")
imghtml+='</a>'
if (theimg[2]!="")
imghtml+='<br>'+theimg[2]
return imghtml
}

function modifyimage(loadarea, imgindex){
if (document.getElementById){
var imgobj=document.getElementById(loadarea)
if (imgobj.filters && window.createPopup){
imgobj.style.filter=filterstring
imgobj.filters[0].Apply()
}
imgobj.innerHTML=returnimgcode(dynimages[imgindex])
if (imgobj.filters && window.createPopup)
imgobj.filters[0].Play()
return false
}
}
</script>
Avatar billede bramsing Nybegynder
10. januar 2005 - 21:07 #4
Og her kommer resten af koden til Dem der skulle have interesse....

<%
do while not rs.eof
%>
    <a href="#" onMouseover="modifyimage('dynloadarea', <%=rs("id")%>)"><img src="<%=rs("sti")%>" width="50" border="0"></a>
<%
rs.movenext
loop
%>
<div id="dynloadarea" style="width:300px;height:300px"></div>
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Kurser inden for grundlæggende programmering

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester