locked
JS slideshow database problem RRS feed

  • Question

  • hi, I use JS slideshow code, it works, but I wonna to use image from my database. can somebody help me?

    Code is here :

     

    I selected the images with red ,, how I use images of database there? 


    var sliderwidth="300px" 

    var sliderheight="150px" 

    var slidespeed=3 

    slidebgcolor="#EAEAEA" 

    var leftrightslide=new Array() 
    var finalslide='' 

    leftrightslide[0>='<a href="http://"><img src="book1.gif" border=1></a>' 
    leftrightslide[1>='<a href="http://"><img src="book2.gif" border=1></a>' 
    leftrightslide[2>='<a href="http://"><img src="book3.gif" border=1></a>' 
    leftrightslide[3>='<a href="http://"><img src="book4.gif" border=1></a>' 
    leftrightslide[4>='<a href="http://"><img src="book5.gif" border=1></a>' 


    var imagegap=" " 


    var copyspeed=slidespeed 
    leftrightslide='<nobr>'+leftrightslide.join(imagegap)+'</nobr>' 
    var iedom=document.all||document.getElementById 
    if (iedom) 
    document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100px;left:-9000px">'+leftrightslide+'</span>') 
    var actualwidth='' 
    var cross_slide, ns_slide 

    function fillup(){ 
    if (iedom){ 
    cross_slide=document.getElementById? document.getElementById("test2") : document.all.test2 
    cross_slide2=document.getElementById? document.getElementById("test3") : document.all.test3 
    cross_slide.innerHTML=cross_slide2.innerHTML=leftrightslide 
    actualwidth=document.all? cross_slide.offsetWidth : document.getElementById("temp").offsetWidth 
    cross_slide2.style.left=actualwidth+slideshowgap+"px" 

    else if (document.layers){ 
    ns_slide=document.ns_slidemenu.document.ns_slidemenu2 
    ns_slide2=document.ns_slidemenu.document.ns_slidemenu3 
    ns_slide.document.write(leftrightslide) 
    ns_slide.document.close() 
    actualwidth=ns_slide.document.width 
    ns_slide2.left=actualwidth+slideshowgap 
    ns_slide2.document.write(leftrightslide) 
    ns_slide2.document.close() 

    lefttime=setInterval("slideleft()",30) 

    window.onload=fillup 

    function slideleft(){ 
    if (iedom){ 
    if (parseInt(cross_slide.style.left)>(actualwidth*(-1)+8)) 
    cross_slide.style.left=parseInt(cross_slide.style.left)-copyspeed+"px" 
    else 
    cross_slide.style.left=parseInt(cross_slide2.style.left)+actualwidth+slideshowgap+"px" 

    if (parseInt(cross_slide2.style.left)>(actualwidth*(-1)+8)) 
    cross_slide2.style.left=parseInt(cross_slide2.style.left)-copyspeed+"px" 
    else 
    cross_slide2.style.left=parseInt(cross_slide.style.left)+actualwidth+slideshowgap+"px" 


    else if (document.layers){ 
    if (ns_slide.left>(actualwidth*(-1)+8)) 
    ns_slide.left-=copyspeed 
    else 
    ns_slide.left=ns_slide2.left+actualwidth+slideshowgap 

    if (ns_slide2.left>(actualwidth*(-1)+8)) 
    ns_slide2.left-=copyspeed 
    else 
    ns_slide2.left=ns_slide.left+actualwidth+slideshowgap 




    if (iedom||document.layers){ 
    with (document){ 
    document.write('<table border="0" cellspacing="0" cellpadding="0"><td>') 
    if (iedom){ 
    write('<div style="position:relative;width:'+sliderwidth+';height:'+sliderheight+';overflow:hidden">') 
    write('<div style="position:absolute;width:'+sliderwidth+';height:'+sliderheight+';background-color:'+slidebgcolor+'"=0"=slidespeed">') 
    write('<div id="test2" style="position:absolute;left:0px;top:0px"></div>') 
    write('<div id="test3" style="position:absolute;left:-1000px;top:0px"></div>') 
    write('</div></div>') 

    else if (document.layers){ 
    write('<ilayer width='+sliderwidth+' height='+sliderheight+' name="ns_slidemenu" bgColor='+slidebgcolor+'>') 
    write('<layer name="ns_slidemenu2" left=0 top=0=0"=slidespeed"></layer>') 
    write('<layer name="ns_slidemenu3" left=0 top=0=0"=slidespeed"></layer>') 
    write('</ilayer>') 

    document.write('</td></table>') 


    </script> 

    Monday, March 21, 2011 7:14 PM