10. januar 2005 - 17:02Der 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
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>
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>
Synes godt om
Ny brugerNybegynder
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.