1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

dhtml script

Discussion in 'HTML & Website Design' started by delnaaz, Feb 21, 2009.

  1. #1
    <html>
    <head>



    <td width="0">&nbsp;</td>
    <td valign="top">
    <table border="2" width="60%">
    <tr>
    <td>
    <TABLE cellSpacing=0 cellPadding=0 width="100%" border=0 bgcolor="black">
    <TBODY>
    <TR>
    </TD>
    </TR>
    <TR bgColor=black>
    <TD align=middle width=569 bgColor=black height="110">
    <script type="text/javascript">



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

    //Specify the slider's images
    var leftrightslide=new Array()
    var finalslide=''

    leftrightslide[0]='<a href="http://"><img src="http://1.bp.blogspot.com/_tufQuALokVQ/R8fMgVmuVNI/AAAAAAAAK5A/FwM8-gR-F4Y/s400/1shriya-06.jpg" width="100" height="146" border=1></a>'
    leftrightslide[1]='<a href="http://"><img src="http://1.bp.blogspot.com/_tufQuALokVQ/R8fMgVmuVNI/AAAAAAAAK5A/FwM8-gR-F4Y/s400/1shriya-06.jpg" width="100" height="146" border=1></a>'
    leftrightslide[2]='<a href="http://"><img src="http://1.bp.blogspot.com/_tufQuALokVQ/R8fMgVmuVNI/AAAAAAAAK5A/FwM8-gR-F4Y/s400/1shriya-06.jpg" width="96" height="146" border=1></a>'
    leftrightslide[3]='<a href="http://"><img src="http://1.bp.blogspot.com/_tufQuALokVQ/R8fMgVmuVNI/AAAAAAAAK5A/FwM8-gR-F4Y/s400/1shriya-06.jpg" width="96" height="146" border=1></a>'
    leftrightslide[4]='<a href="http://"><img src="http://1.bp.blogspot.com/_tufQuALokVQ/R8fMgVmuVNI/AAAAAAAAK5A/FwM8-gR-F4Y/s400/1shriya-06.jpg" width="96" height="146" border=1></a>'

    //Specify gap between each image (use HTML):
    var imagegap=" "

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


    ////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()",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+'" 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>

    </body>
    </html>

    The above code i got somewhere on the web but i am unable to use this code with my site based on wordpress. Is there any plugin which i need to install or i should need to add some addtional code to make use of it with my wordpress based site.

    No doubt the code is correct.

    Any help????
     
    delnaaz, Feb 21, 2009 IP