PDA

View Full Version : Two Conveyor Belts on one Page



hoefsi
12-21-2006, 08:17 AM
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. :confused:

Please help... :o

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....

hoefsi
12-21-2006, 08:17 AM
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>

toamanz
01-11-2007, 12:20 AM
Anybody who can tell me how to adjust the belt slideshow width according to browswer resoltution? Appreciate your help..