Presentational Slide Script

**Dafydd** · 07-10-2016, 01:01 PM

1) Script Title: No 38 Presentational Slideshow Script by Dynamic Drive

2) Script URL (on DD): http://www.mattsmatch.co.uk/pontaniofficeshop.htm

3) Describe problem: .Slideshow will not work.

I get the small square with a X on it.

I use Frontpage 2003 to do the webpage which I have been using for 13 years with no trouble. I have used this Presentational Slideshow Script a few times also with no trouble .
It works when I go on Preview in Frontpage but when I go to Preview in Browser on Frontpage I get "Internet explorer restricted this webpage from running scripts" I click "Allow Blocked Content" and it works.
I have copied the source below. Hope someone can help please. Ta Dafydd

Code:

//Presentational Slideshow Script- By Dynamic Drive
//For full source code and more DHTML scripts, visit http://www.dynamicdrive.com
//This credit MUST stay intact for legal use

var slideshow_width='1200px' //SET SLIDESHOW WIDTH (set to largest image's width if multiple dimensions exist)
var slideshow_height='600px' //SET SLIDESHOW HEIGHT (set to largest image's height if multiple dimensions exist)
var pause=3000 //SET PAUSE BETWEEN SLIDE (2000=2 seconds)
var slidebgcolor="white"

var dropimages=new Array()
//SET IMAGE PATHS. Extend or contract array as needed
dropimages[0]="pontinside1.jpg"
dropimages[1]="pontinside2.jpg"
dropimages[2]="pontinside3.jpg"
dropimages[3]="pontinside4.jpg"
dropimages[4]="pontinside5.jpg"
dropimages[5]="pontinside6.jpg"
dropimages[6]="pontinside7.jpg"
dropimages[7]="pontinside8.jpg"
dropimages[8]="pontinside9.jpg"
dropimages[9]="pontinside10.jpg"
dropimages[10]="pontinside11.jpg"
dropimages[11]="pontinside12.jpg"
dropimages[12]="pontinside13.jpg"
dropimages[13]="pontinside14.jpg"
dropimages[14]="pontinside15.jpg"
dropimages[15]="pontinside16.jpg"
dropimages[16]="pontinside17.jpg"
dropimages[17]="pontinside18.jpg"
dropimages[18]="pontinside19.jpg"


var droplinks=new Array()
//SET IMAGE URLs. Use "" if you wish particular image to NOT be linked:
droplinks[0]="http://www.yahoo.com"
droplinks[1]=""
droplinks[2]="http://www.google.com"


////NO need to edit beyond here/////////////

var preloadedimages=new Array()
for (p=0;p<dropimages.length;p++){
preloadedimages[p]=new Image()
preloadedimages[p].src=dropimages[p]
}

var ie4=document.all
var dom=document.getElementById

if (ie4||dom)
document.write('<div style="position:relative;width:'+slideshow_width+';height:'+slideshow_height+';overflow:hidden"><div id="canvas0" style="position:absolute;width:'+slideshow_width+';height:'+slideshow_height+';background-color:'+slidebgcolor+';left:-'+slideshow_width+'"></div><div id="canvas1" style="position:absolute;width:'+slideshow_width+';height:'+slideshow_height+';background-color:'+slidebgcolor+';left:-'+slideshow_width+'"></div></div>')
else
document.write('<a href="javascript:rotatelink()"><img name="defaultslide" src="'+dropimages[0]+'" border=0></a>')

var curpos=parseInt(slideshow_width)*(-1)
var degree=10
var curcanvas="canvas0"
var curimageindex=linkindex=0
var nextimageindex=1


function movepic(){
if (curpos<0){
curpos=Math.min(curpos+degree,0)
tempobj.style.left=curpos+"px"
}
else{

clearInterval(dropslide)
nextcanvas=(curcanvas=="canvas0")? "canvas0" : "canvas1"
tempobj=ie4? eval("document.all."+nextcanvas) : document.getElementById(nextcanvas)
var slideimage='<img src="'+dropimages[curimageindex]+'" border=0>'
tempobj.innerHTML=(droplinks[curimageindex]!="")? '<a href="'+droplinks[curimageindex]+'">'+slideimage+'</a>' : slideimage
nextimageindex=(nextimageindex<dropimages.length-1)? nextimageindex+1 : 0
setTimeout("rotateimage()",pause)
}
}

function rotateimage(){
if (ie4||dom){
resetit(curcanvas)
var crossobj=tempobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
crossobj.style.zIndex++
var temp='setInterval("movepic()",50)'
dropslide=eval(temp)
curcanvas=(curcanvas=="canvas0")? "canvas1" : "canvas0"
}
else
document.images.defaultslide.src=dropimages[curimageindex]
linkindex=curimageindex
curimageindex=(curimageindex<dropimages.length-1)? curimageindex+1 : 0
}

function rotatelink(){
if (droplinks[linkindex]!="")
window.location=droplinks[linkindex]
}

function resetit(what){
curpos=parseInt(slideshow_width)*(-1)
var crossobj=ie4? eval("document.all."+what) : document.getElementById(what)
crossobj.style.left=curpos+"px"
}

function startit(){
var crossobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
crossobj.innerHTML='<a href="'+droplinks[curimageindex]+'"><img src="'+dropimages[curimageindex]+'" border=0></a>'
rotateimage()
}

if (ie4||dom)
window.onload=startit
else
setInterval("rotateimage()",pause)

</script>
<p align="center"><font face="Arial" size="-2">Free DHTML scripts provided by<br>
<a href="http://www.dynamicdrive.com">Dynamic Drive</a></font></p>
</p>
</body>

**jscheuer1** · 07-10-2016, 03:59 PM

The images are not there. I think it's just an issue with upper and lower case letters though. These usually matter on the server, but differences in them are usually ignored in a local preview. For example, there is no:

http://www.mattsmatch.co.uk/pontinside4.jpg

But there is a (JPG not jpg):

http://www.mattsmatch.co.uk/pontinside4.JPG

So, either rename the files to lower case, or change them in the code to agree with their actual case.

Notes: Often when viewing files on the local machine, filenames are shown as all lower case even at times when they are not, while some image programs will save to an upper case extension (when defaulting to a given file type) unless you specify a lower case one by typing it in, these things can make it confusing. Once you've made changes - The browser cache may need to be cleared and/or the page refreshed to see them.