Results 1 to 3 of 3

Thread: Two Conveyor Belts on one Page

  1. #1
    Join Date
    Dec 2006
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Unhappy Two Conveyor Belts on one Page

    Hi,

    i´d like to put two conveyor belts on one page.
    I already found another thread of someone who had the same problem, and i tried to find the error, but i didn´t find it.

    Please help...

    Here is my code:

    <html> <head>
    <title>fBLOGs.de</title>
    <script type="text/javascript" >
    function na_open_window(name, url, left, top, width, height, toolbar, menubar, statusbar, scrollbar, resizable)
    {
    toolbar_str = toolbar ? 'yes' : 'no';
    menubar_str = menubar ? 'yes' : 'no';
    statusbar_str = statusbar ? 'yes' : 'no';
    scrollbar_str = scrollbar ? 'yes' : 'no';
    resizable_str = resizable ? 'yes' : 'no';

    cookie_str = document.cookie;
    cookie_str.toString();

    pos_start = cookie_str.indexOf(name);
    pos_end = cookie_str.indexOf('=', pos_start);

    cookie_name = cookie_str.substring(pos_start, pos_end);

    pos_start = cookie_str.indexOf(name);
    pos_start = cookie_str.indexOf('=', pos_start);
    pos_end = cookie_str.indexOf(';', pos_start);

    if (pos_end <= 0) pos_end = cookie_str.length;
    cookie_val = cookie_str.substring(pos_start + 1, pos_end);
    if (cookie_name == name && cookie_val == "done")
    return;

    window.open(url, name, 'left='+left+',top='+top+',width='+width+',height='+height+',toolbar='+toolbar_str+',menubar='+menubar_str+',status='+statusbar_str+',scrollbars='+scrollbar_str +',resizable='+resizable_str);
    }


    </script>
    <link rel="stylesheet" type="text/css" href="styles/styles.css">
    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
    </head>
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    function fenster(id)
    {
    var link="uergebnisfenster.php?id=";
    var linkgesamt = link.concat(id);
    fenster1=open(linkgesamt,"Umfrageergebnis","toolbar=no,scrollbars=no,width=600,height=300,top=0,left=100");
    }
    //-->
    </SCRIPT>
    <script language="JavaScript">

    function scrollit() {
    window.scrollBy(0, 10000);
    }
    // End -->

    </script>


    <font size="12">
    <body onload="scrollit(),fillup1(),fillup2()">
    <table width="100%" border="1" class="tabellerundschmal">
    <tr>
    <td class="tabellerundschmal" width="60" valign="top" align="center">
    <img src="http://www.andre-hoefs.de/wbblite/images/avatars/avatar-50.jpg" width="150"><br><font size="1">hoefsi</font></td><td class="tabellerundschmal" valign="top">dsflkjg sdlfkhdsl jfghldsfgsdfg<br />
    <br />
    <a href="http://www.andre-hoefs.de/wbblite/images/uploads/acanto.JPG" target="_blank"><img src="http://www.andre-hoefs.de/wbblite/images/uploads/acanto.JPG" width="200" border="0"></a><br />
    <br />
    <br />
    <Center>


    <script type="text/javascript">
    /**********************************************

    * Conveyor belt slideshow script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
    * This notice MUST stay intact for legal use
    * Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
    ***********************************************/


    //Specify the slider's width (in pixels)
    var sliderwidth1="600px"
    //Specify the slider's height
    var sliderheight1="150px"
    //Specify the slider's slide speed (larger is faster 1-10)
    var slidespeed1=2
    //configure background color:
    slidebgcolor1="#EDEDED"

    //Specify the slider's images
    var leftrightslide1=new Array()
    var finalslide1=''
    leftrightslide1[0]='<a href="http://www.andre-hoefs.de/wbblite/images/uploads/acanto.JPG" target="_blank"><img src="http://www.andre-hoefs.de/wbblite/images/uploads/acanto.JPG" border=1 height=147></a>'
    leftrightslide1[1]='<a href="http://www.andre-hoefs.de/wbblite/images/uploads/Rudi.jpg" target="_blank"><img src="http://www.andre-hoefs.de/wbblite/images/uploads/Rudi.jpg" border=1 height=147></a>'
    leftrightslide1[2]='<a href="http://www.andre-hoefs.de/wbblite/images/uploads/funfire-de-1103412212-56.jpg" target="_blank"><img src="http://www.andre-hoefs.de/wbblite/images/uploads/funfire-de-1103412212-56.jpg" border=1 height=147></a>'

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

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


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

    var copyspeed1=slidespeed1
    leftrightslide1='<nobr>'+leftrightslide1.join(imagegap1)+'</nobr>'
    var iedom1=document.all||document.getElementById
    if (iedom1)
    document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100px;left:-9000px">'+leftrightslide+'</span>')
    var actualwidth1=''
    var cross_slide1, ns_slide1

    function fillup1(){
    if (iedom1){
    cross_slide1=document.getElementById? document.getElementById("test21") : document.all.test21
    cross_slide21=document.getElementById? document.getElementById("test31") : document.all.test31
    cross_slide1.innerHTML=cross_slide21.innerHTML=leftrightslide1
    actualwidth1=document.all? cross_slide1.offsetWidth : document.getElementById("temp1").offsetWidth
    cross_slide21.style.left=actualwidth1+slideshowgap1+"px"
    }
    else if (document.layers){
    ns_slide1=document.ns_slidemenu1.document.ns_slidemenu21
    ns_slide21=document.ns_slidemenu1.document.ns_slidemenu31
    ns_slide1.document.write(leftrightslide1)
    ns_slide1.document.close()
    actualwidth1=ns_slide1.document.width
    ns_slide21.left=actualwidth1+slideshowgap1
    ns_slide21.document.write(leftrightslide1)
    ns_slide21.document.close()
    }
    lefttime1=setInterval("slideleft1()",30)
    }

    function slideleft1(){
    if (iedom1){
    if (parseInt(cross_slide1.style.left)>(actualwidth1*(-1)+8))
    cross_slide1.style.left=parseInt(cross_slide1.style.left)-copyspeed1+"px"
    else
    cross_slide1.style.left=parseInt(cross_slide21.style.left)+actualwidth1+slideshowgap1+"px"

    if (parseInt(cross_slide21.style.left)>(actualwidth1*(-1)+8))
    cross_slide21.style.left=parseInt(cross_slide21.style.left)-copyspeed1+"px"
    else
    cross_slide21.style.left=parseInt(cross_slide1.style.left)+actualwidth1+slideshowgap1+"px"

    }
    else if (document.layers){
    if (ns_slide1.left>(actualwidth1*(-1)+8))
    ns_slide1.left-=copyspeed1
    else
    ns_slide1.left=ns_slide21.left+actualwidth1+slideshowgap1

    if (ns_slide21.left>(actualwidth1*(-1)+8))
    ns_slide21.left-=copyspeed1
    else
    ns_slide21.left=ns_slide1.left+actualwidth1+slideshowgap1
    }
    }


    if (iedom1||document.layers){
    with (document){
    document.write('<table border="0" cellspacing="0" cellpadding="0" class="tabellerundfarbig" width="610" height="160"><td align="center" valign="middle">')
    if (iedom1){
    write('<div style="position:relative;width:'+sliderwidth1+';height:'+sliderheight1+';overflow:hidden">')
    write('<div style="position:absolute;width:'+sliderwidth1+';height:'+sliderheight1+';background-color:'+slidebgcolor1+'" onMouseover="copyspeed1=0" onMouseout="copyspeed1=slidespeed1">')
    write('<div id="test21" style="position:absolute;left:0px;top:0px"></div>')
    write('<div id="test31" style="position:absolute;left:-1000px;top:0px"></div>')
    write('</div></div>')
    }
    else if (document.layers){
    write('<ilayer width='+sliderwidth1+' height='+sliderheight1+' name="ns_slidemenu1" bgColor='+slidebgcolor1+'>')
    write('<layer name="ns_slidemenu21" left=0 top=0 onMouseover="copyspeed1=0" onMouseout="copyspeed1=slidespeed1"></layer>')
    write('<layer name="ns_slidemenu31" left=0 top=0 onMouseover="copyspeed1=0" onMouseout="copyspeed1=slidespeed1"></layer>')
    write('</ilayer>')
    }
    document.write('</td></table>')
    }
    }
    </script>
    </center><br />
    <br />
    <td width="24" class="tabellerundschmal" valign="top"><a href="bloginhaltbearbeitenformular.php?iid=296" target="main"><img src="grafiken/edit.gif" border="0" alt="bearbeiten"></a><a href="rueckfrage.php?message=Willst Du diesen BLOGinhalt wirklich löschen ?&oklink=bloginhaltloeschen.php?iid=296&abbrechenlink=blogausgabeformular.php?id=85" target="main"><img src="grafiken/loeschen.gif" border="0" alt="löschen"></a></td></td></tr></table><table width="100%" border="1" class="tabellerundschmal"><tr><td class="tabellerundschmal" width="60" valign="top" align="center"><img src="http://www.andre-hoefs.de/wbblite/images/avatars/avatar-50.jpg" width="150"><br><font size="1">hoefsi</font></td><td class="tabellerundschmal" valign="top"><Center>


    this is the end of the first part.
    The script is too long....

  2. #2
    Join Date
    Dec 2006
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    This is the second part:

    <script type="text/javascript">
    /**********************************************

    * Conveyor belt slideshow script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
    * This notice MUST stay intact for legal use
    * Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
    ***********************************************/


    //Specify the slider's width (in pixels)
    var sliderwidth2="600px"
    //Specify the slider's height
    var sliderheight2="150px"
    //Specify the slider's slide speed (larger is faster 1-10)
    var slidespeed2=2
    //configure background color:
    slidebgcolor2="#EDEDED"

    //Specify the slider's images
    var leftrightslide2=new Array()
    var finalslide2=''
    leftrightslide2[0]='<a href="http://www.andre-hoefs.de/wbblite/images/uploads/Plakat-5.jpg" target="_blank"><img src="http://www.andre-hoefs.de/wbblite/images/uploads/Plakat-5.jpg" border=1 height=147></a>'
    leftrightslide2[1]='<a href="http://www.andre-hoefs.de/wbblite/images/uploads/CIMG3699.jpg" target="_blank"><img src="http://www.andre-hoefs.de/wbblite/images/uploads/CIMG3699.jpg" border=1 height=147></a>'
    leftrightslide2[2]='<a href="http://www.andre-hoefs.de/wbblite/images/uploads/CIMG3680.jpg" target="_blank"><img src="http://www.andre-hoefs.de/wbblite/images/uploads/CIMG3680.jpg" border=1 height=147></a>'

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

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


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

    var copyspeed2=slidespeed2
    leftrightslide2='<nobr>'+leftrightslide2.join(imagegap2)+'</nobr>'
    var iedom2=document.all||document.getElementById
    if (iedom2)
    document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100px;left:-9000px">'+leftrightslide+'</span>')
    var actualwidth2=''
    var cross_slide2, ns_slide2

    function fillup2(){
    if (iedom2){
    cross_slide2=document.getElementById? document.getElementById("test22") : document.all.test22
    cross_slide22=document.getElementById? document.getElementById("test32") : document.all.test32
    cross_slide2.innerHTML=cross_slide22.innerHTML=leftrightslide2
    actualwidth2=document.all? cross_slide2.offsetWidth : document.getElementById("temp2").offsetWidth
    cross_slide22.style.left=actualwidth2+slideshowgap2+"px"
    }
    else if (document.layers){
    ns_slide2=document.ns_slidemenu2.document.ns_slidemenu22
    ns_slide22=document.ns_slidemenu2.document.ns_slidemenu32
    ns_slide2.document.write(leftrightslide2)
    ns_slide2.document.close()
    actualwidth2=ns_slide2.document.width
    ns_slide22.left=actualwidth2+slideshowgap2
    ns_slide22.document.write(leftrightslide2)
    ns_slide22.document.close()
    }
    lefttime2=setInterval("slideleft2()",30)
    }

    function slideleft2(){
    if (iedom2){
    if (parseInt(cross_slide2.style.left)>(actualwidth2*(-1)+8))
    cross_slide2.style.left=parseInt(cross_slide2.style.left)-copyspeed2+"px"
    else
    cross_slide2.style.left=parseInt(cross_slide22.style.left)+actualwidth2+slideshowgap2+"px"

    if (parseInt(cross_slide22.style.left)>(actualwidth2*(-1)+8))
    cross_slide22.style.left=parseInt(cross_slide22.style.left)-copyspeed2+"px"
    else
    cross_slide22.style.left=parseInt(cross_slide2.style.left)+actualwidth2+slideshowgap2+"px"

    }
    else if (document.layers){
    if (ns_slide2.left>(actualwidth2*(-1)+8))
    ns_slide2.left-=copyspeed2
    else
    ns_slide2.left=ns_slide22.left+actualwidth2+slideshowgap2

    if (ns_slide22.left>(actualwidth2*(-1)+8))
    ns_slide22.left-=copyspeed2
    else
    ns_slide22.left=ns_slide2.left+actualwidth2+slideshowgap2
    }
    }


    if (iedom2||document.layers){
    with (document){
    document.write('<table border="0" cellspacing="0" cellpadding="0" class="tabellerundfarbig" width="610" height="160"><td align="center" valign="middle">')
    if (iedom2){
    write('<div style="position:relative;width:'+sliderwidth2+';height:'+sliderheight2+';overflow:hidden">')
    write('<div style="position:absolute;width:'+sliderwidth2+';height:'+sliderheight2+';background-color:'+slidebgcolor2+'" onMouseover="copyspeed2=0" onMouseout="copyspeed2=slidespeed2">')
    write('<div id="test22" style="position:absolute;left:0px;top:0px"></div>')
    write('<div id="test32" style="position:absolute;left:-1000px;top:0px"></div>')
    write('</div></div>')
    }
    else if (document.layers){
    write('<ilayer width='+sliderwidth2+' height='+sliderheight2+' name="ns_slidemenu2" bgColor='+slidebgcolor2+'>')
    write('<layer name="ns_slidemenu22" left=0 top=0 onMouseover="copyspeed2=0" onMouseout="copyspeed2=slidespeed2"></layer>')
    write('<layer name="ns_slidemenu32" left=0 top=0 onMouseover="copyspeed2=0" onMouseout="copyspeed2=slidespeed2"></layer>')
    write('</ilayer>')
    }
    document.write('</td></table>')
    }
    }
    </script>
    </center><br />
    <br />
    <td width="24" class="tabellerundschmal" valign="top"><a href="bloginhaltbearbeitenformular.php?iid=297" target="main"><img src="grafiken/edit.gif" border="0" alt="bearbeiten"></a><a href="rueckfrage.php?message=Willst Du diesen BLOGinhalt wirklich löschen ?&oklink=bloginhaltloeschen.php?iid=297&abbrechenlink=blogausgabeformular.php?id=85" target="main"><img src="grafiken/loeschen.gif" border="0" alt="löschen"></a></td></td></tr></table></font>


    </body>


    </html>

  3. #3
    Join Date
    Jan 2007
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Anybody who can tell me how to adjust the belt slideshow width according to browswer resoltution? Appreciate your help..

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
  •