View Full Version : Images will not display - undefined
red dog
08-25-2009, 08:47 PM
1) Script Title: Up-Down Image Slideshow Script
2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex14/updownslide.htm
3) Describe problem: Images will not display - all are "undefined" Web browser I am using is Windows Explorer 8. The site url: http://www.littlereddogfoundation.org/
I will be grateful for any help. Thank you.
ddadmin
08-26-2009, 04:53 AM
Looks like there's a clash between a variable used by this script and another script on your page. Try removing the slideshow, and using the following code instead:
<script language="JavaScript1.2">
/*
Up down slideshow Script
By Dynamic Drive (www.dynamicdrive.com)
For full source code, terms of use, and 100's more scripts, visit http://www.dynamicdrive.com
*/
///////configure the below four variables to change the style of the slider///////
//set the scrollerwidth and scrollerheight to the width/height of the LARGEST image in your slideshow!
var scrollerwidth='500px'
var scrollerheight='550px'
//3000 miliseconds=3 seconds
var pausebetweenimages=1000
//configure the below variable to change the images used in the slideshow. If you wish the images to be clickable, simply wrap the images with the appropriate <a> tag
var slideimages=new Array()
slideimages[0]='<img border="0" src="http://www.littlereddogfoundation.org/cb1.jpg">'
slideimages[1]='<img border="0" src="http://www.littlereddogfoundation.org/cb6.jpg">'
slideimages[2]='<img border="0" src="http://www.littlereddogfoundation.org/cb2.jpg">'
slideimages[3]='<img border="0" src="http://www.littlereddogfoundation.org/babikes010.jpg">'
//extend this list
slideimages[4]='<img border="0" src="http://www.littlereddogfoundation.org/babseptimus1.jpg">'
slideimages[5]='<img border="0" src="http://www.littlereddogfoundation.org/bikegiveaway2008036.jpg">'
slideimages[6]='<img border="0" src="http://www.littlereddogfoundation.org/tomas.jpg">'
slideimages[7]='<img border="0" src="http://www.littlereddogfoundation.org/014.jpg">'
slideimages[8]='<img border="0" src="http://www.littlereddogfoundation.org/106.jpg">'
slideimages[9]='<img border="0" src="http://www.littlereddogfoundation.org/savannahhelmet.jpg">'
///////Do not edit pass this line///////////////////////
var ie=document.all
var dom=document.getElementById
if (slideimages.length>2)
slideindex=2
else
slideindex=0
function move1(whichlayer){
tlayer=eval(whichlayer)
if (tlayer.top>0&&tlayer.top<=5){
tlayer.top=0
setTimeout("move1(tlayer)",pausebetweenimages)
setTimeout("move2(document.main.document.second)",pausebetweenimages)
return
}
if (tlayer.top>=tlayer.document.height*-1){
tlayer.top-=5
setTimeout("move1(tlayer)",50)
}
else{
tlayer.top=parseInt(scrollerheight)
tlayer.document.write(slideimages[slideindex])
tlayer.document.close()
if (slideindex==slideimages.length-1)
slideindex=0
else
slideindex++
}
}
function move2(whichlayer){
tlayer2=eval(whichlayer)
if (tlayer2.top>0&&tlayer2.top<=5){
tlayer2.top=0
setTimeout("move2(tlayer2)",pausebetweenimages)
setTimeout("move1(document.main.document.first)",pausebetweenimages)
return
}
if (tlayer2.top>=tlayer2.document.height*-1){
tlayer2.top-=5
setTimeout("move2(tlayer2)",50)
}
else{
tlayer2.top=parseInt(scrollerheight)
tlayer2.document.write(slideimages[slideindex])
tlayer2.document.close()
if (slideindex==slideimages.length-1)
slideindex=0
else
slideindex++
}
}
function move3(whichdiv){
tdiv=eval(whichdiv)
if (parseInt(tdiv.style.top)>0&&parseInt(tdiv.style.top)<=5){
tdiv.style.top=0+"px"
setTimeout("move3(tdiv)",pausebetweenimages)
setTimeout("move4(second2_obj)",pausebetweenimages)
return
}
if (parseInt(tdiv.style.top)>=tdiv.offsetHeight*-1){
tdiv.style.top=parseInt(tdiv.style.top)-5+"px"
setTimeout("move3(tdiv)",50)
}
else{
tdiv.style.top=scrollerheight
tdiv.innerHTML=slideimages[slideindex]
if (slideindex==slideimages.length-1)
slideindex=0
else
slideindex++
}
}
function move4(whichdiv){
tdiv2=eval(whichdiv)
if (parseInt(tdiv2.style.top)>0&&parseInt(tdiv2.style.top)<=5){
tdiv2.style.top=0+"px"
setTimeout("move4(tdiv2)",pausebetweenimages)
setTimeout("move3(first2_obj)",pausebetweenimages)
return
}
if (parseInt(tdiv2.style.top)>=tdiv2.offsetHeight*-1){
tdiv2.style.top=parseInt(tdiv2.style.top)-5+"px"
setTimeout("move4(second2_obj)",50)
}
else{
tdiv2.style.top=scrollerheight
tdiv2.innerHTML=slideimages[slideindex]
if (slideindex==slideimages.length-1)
slideindex=0
else
slideindex++
}
}
function startscroll(){
if (ie||dom){
first2_obj=ie? first2 : document.getElementById("first2")
second2_obj=ie? second2 : document.getElementById("second2")
move3(first2_obj)
second2_obj.style.top=scrollerheight
second2_obj.style.visibility='visible'
}
else if (document.layers){
document.main.visibility='show'
move1(document.main.document.first)
document.main.document.second.top=parseInt(scrollerheight)+5
document.main.document.second.visibility='show'
}
}
window.onload=startscroll
</script>
<ilayer id="main" width=&{scrollerwidth}; height=&{scrollerheight}; visibility=hide>
<layer id="first" left=0 top=1 width=&{scrollerwidth};>
<script language="JavaScript1.2">
if (document.layers)
document.write(slideimages[0])
</script>
</layer>
<layer id="second" left=0 top=0 width=&{scrollerwidth}; visibility=hide>
<script language="JavaScript1.2">
if (document.layers)
document.write(slideimages[dyndetermine=(slideimages.length==1)? 0 : 1])
</script>
</layer>
</ilayer>
<script language="JavaScript1.2">
if (ie||dom){
document.writeln('<div id="main2" style="position:relative;width:'+scrollerwidth+';height:'+scrollerheight+';overflow:hidden;">')
document.writeln('<div style="position:absolute;width:'+scrollerwidth+';height:'+scrollerheight+';clip:rect(0 '+scrollerwidth+' '+scrollerheight+' 0);left:0px;top:0px">')
document.writeln('<div id="first2" style="position:absolute;width:'+scrollerwidth+';left:0px;top:1px;">')
document.write(slideimages[0])
document.writeln('</div>')
document.writeln('<div id="second2" style="position:absolute;width:'+scrollerwidth+';left:0px;top:0px;visibility:hidden">')
document.write(slideimages[dyndetermine=(slideimages.length==1)? 0 : 1])
document.writeln('</div>')
document.writeln('</div>')
document.writeln('</div>')
}
</script>
<p align="center"><font face="Arial" size="-2">Free DHTML scripts provided by<br>
<a href="http://dynamicdrive.com">Dynamic Drive</a></font></p>
I'm just guessing which variable it is at this point, so if that still doesn't work, let me know, and I'll change up a few other things.
rtr.souvik
08-26-2009, 12:52 PM
Thank you very much.
But I want to know that if I remove phototype.js from the page, can light window run properly??
Please help me
Regards,
Souvik
red dog
08-26-2009, 02:52 PM
Thank you so much for fixing the code to work on the page!! A great contribution to a great cause.
I am thinking that the wavey action in the scroll is a browser issue but if you have any idea how to get the images to scroll smoothly, it would be much appreciated. I downsized the images further and all are less than the parameters. Also, I have a fast broadband connection and I wonder if the wavey action is more noticeable with slower connections?
Thank you!
ddadmin
08-27-2009, 04:14 AM
Reddog:
You can increase the "refresh" rate of the script by finding all instances of the value 50 inside the script. and replacing that with something like 20, maybe even 10.
Powered by vBulletin® Version 4.2.2 Copyright © 2021 vBulletin Solutions, Inc. All rights reserved.