Results 1 to 2 of 2

Thread: in slide image script display "please wait" whilst images are being loaded

  1. #1
    Join Date
    Jan 2005
    Posts
    19
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default in slide image script display "please wait" whilst images are being loaded

    I am using following script to sroll images one by one and when user click on the images, needful is done. It working fine ..

    My problem is when net speed is slow(in India it is slow) , it takes time to load images and nothing is visible...can I show something like " Loading images ...please wait .." like we do in flash ....
    or is there any other way ...

    putting BG with text " Loading images ...please wait .."

    but it seems slidebgcolor="" overrides this ...please help

    <td height="93" colspan="5" rowspan="2" background="images/index_12.jpg" bgcolor="#3E7CB5"><script type="text/javascript">


    //Specify the slider's width (in pixels)
    var sliderwidth="688px"
    //Specify the slider's height
    var sliderheight="93px"
    //Specify the slider's slide speed (larger is faster 1-10)
    var slidespeed=3
    //configure background color:
    slidebgcolor=""

    //Specify the slider's images
    var leftrightslide=new Array()
    var finalslide=''
    leftrightslide[0]='<a href="product.html#bearing" onMouseOver="toggleBox(\'bearing\',1);" onMouseOut="toggleBox(\'bearing\',0), toggleBox(\'dmy\',0); " ><img src="img1.jpg" border=0></a>'
    leftrightslide[1]='<a href="product.html#camshaft" onMouseOver="toggleBox(\'camshaft\',1);" onMouseOut="toggleBox(\'camshaft\',0), toggleBox(\'dmy\',0); " ><img src="img2.jpg" border=0></a>'
    leftrightslide[2]='<a href="product.html#rod" onMouseOver="toggleBox(\'rod\',1);" onMouseOut="toggleBox(\'rod\',0), toggleBox(\'dmy\',0); " ><img src="img3.jpg" border=0></a>'
    leftrightslide[3]='<a href="product.html#crankshaft" onMouseOver="toggleBox(\'crankshaft\',1);" onMouseOut="toggleBox(\'crankshaft\',0), toggleBox(\'dmy\',0); " ><img src="img4.jpg" border=0></a>'
    leftrightslide[4]='<a href="product.html#cylhead" onMouseOver="toggleBox(\'cylhead\',1);" onMouseOut="toggleBox(\'cylhead\',0), toggleBox(\'dmy\',0); " ><img src="img5.jpg" border=0></a>'
    leftrightslide[5]='<a href="product.html#cylblock" onMouseOver="toggleBox(\'cylblock\',1);" onMouseOut="toggleBox(\'cylblock\',0), toggleBox(\'dmy\',0); " ><img src="img6.jpg" border=0></a>'
    leftrightslide[6]='<a href="product.html#drycyl" onMouseOver="toggleBox(\'drycyl\',1);" onMouseOut="toggleBox(\'drycyl\',0), toggleBox(\'dmy\',0); " ><img src="img7.jpg" border=0></a>'
    leftrightslide[7]='<a href="product.html#piston" onMouseOver="toggleBox(\'piston\',1);" onMouseOut="toggleBox(\'piston\',0), toggleBox(\'dmy\',0); " ><img src="img8.jpg" border=0></a>'
    leftrightslide[8]='<a href="product.html#pistonpin" onMouseOver="toggleBox(\'pistonpin\',1);" onMouseOut="toggleBox(\'pistonpin\',0), toggleBox(\'dmy\',0); " ><img src="img9.jpg" border=0></a>'
    leftrightslide[9]='<a href="product.html#pistonring" onMouseOver="toggleBox(\'pistonring\',1);" onMouseOut="toggleBox(\'pistonring\',0), toggleBox(\'dmy\',0); " ><img src="img10.jpg" border=0></a>'
    leftrightslide[10]='<a href="product.html#valveg" onMouseOver="toggleBox(\'valveg\',1);" onMouseOut="toggleBox(\'valveg\',0), toggleBox(\'dmy\',0); " ><img src="img11.jpg" border=0></a>'
    leftrightslide[11]='<a href="product.html#valvesi" onMouseOver="toggleBox(\'valvesi\',1);" onMouseOut="toggleBox(\'valvesi\',0), toggleBox(\'dmy\',0); " ><img src="img12.jpg" border=0></a>'
    leftrightslide[12]='<a href="product.html#valvet" onMouseOver="toggleBox(\'valvet\',1);" onMouseOut="toggleBox(\'valvet\',0), toggleBox(\'dmy\',0); " ><img src="img13.jpg" border=0></a>'
    leftrightslide[13]='<a href="product.html#valve" onMouseOver="toggleBox(\'valve\',1);" onMouseOut="toggleBox(\'valve\',0), toggleBox(\'dmy\',0); " ><img src="img14.jpg" border=0></a>'
    leftrightslide[14]='<a href="product.html#water" onMouseOver="toggleBox(\'water\',1);" onMouseOut="toggleBox(\'water\',0), toggleBox(\'dmy\',0); " ><img src="img15.jpg" border=0></a>'
    leftrightslide[15]='<a href="product.html#wetcyl" onMouseOver="toggleBox(\'wetcyl\',1);" onMouseOut="toggleBox(\'wetcyl\',0), toggleBox(\'dmy\',0); " ><img src="img16.jpg" border=0></a>'
    leftrightslide[16]='<a href="product.html#air" onMouseOver="toggleBox(\'airbreak\',1);" onMouseOut="toggleBox(\'airbreak\',0), toggleBox(\'dmy\',0); " ><img src="img17.jpg" border=0></a>'
    leftrightslide[17]='<a href="product.html#gasket" onMouseOver="toggleBox(\'gasket\',1);" onMouseOut="toggleBox(\'gasket\',0), toggleBox(\'dmy\',0); " ><img src="img18.jpg" border=0></a>'
    leftrightslide[18]='<a href="product.html#smbush" onMouseOver="toggleBox(\'smbush\',1);" onMouseOut="toggleBox(\'smbush\',0), toggleBox(\'dmy\',0); " ><img src="img19.jpg" border=0></a>'
    leftrightslide[19]='<a href="product.html#radiator" onMouseOver="toggleBox(\'radiator\',1);" onMouseOut="toggleBox(\'radiator\',0), toggleBox(\'dmy\',0); " ><img src="img20.jpg" border=0></a>'
    leftrightslide[20]='<a href="product.html#nut" onMouseOver="toggleBox(\'nut\',1);" onMouseOut="toggleBox(\'nut\',0), toggleBox(\'dmy\',0); " ><img src="img21.jpg" border=0></a>'
    //Specify gap between each image (use HTML):
    var imagegap=""

    //Specify pixels gap between each slideshow rotation (use integer):
    var slideshowgap=0


    ////NO NEED TO EDIT BELOW THIS LINE////////////

    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()",45)
    }
    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="1" cellpadding="0" bgcolor="#000000"><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+'" onMouseover="copyspeed=0" onMouseout="copyspeed=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 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>')
    write('<layer name="ns_slidemenu3" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>')
    write('</ilayer>')
    }
    document.write('</td></table>')
    }
    }
    </script></td>

  2. #2
    Join Date
    May 2006
    Location
    Sydney, Australia - Near the coast.
    Posts
    1,995
    Thanks
    0
    Thanked 8 Times in 7 Posts

    Default

    Your page is in violation of Dynamic Drive's usage terms, which, among other things, states that the credit notice inside script must stay intact. Please reinstate the notice first.
    Peter - alotofstuffhere[dot]com - Email Me - Donate via PayPal - Got spare hardware? Donate 'em to me :) Just send me a PM.
    Currently: enjoying the early holidays :)
    Read before posting: FAQ | What you CAN'T do with JavaScript | Form Rules | Thread Title Naming Guide

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •