SlideShow Help, Is my script correct? Options

[lorinluv]

I built our site using Microsoft Publisher 2007. Its graphics heavy so I think a slideshow would be the best way to present. Our host is BlueHost. I am operating on Windows 7. The script I am using is Hscripts.

I cant see the photos!!

The folder containing the photos in question is june222011tiger which i placed in my public_html folder.

A link to the page in question is here: http://www.bennettsgarage.net/2011_files/Page635.htm

Here is the code:

CODE

<!--        Script by hscripts.com          -->
<!--        copyright of HIOX INDIA         -->
<!-- more scripts @ http://www.hscripts.com -->

<script type="text/javascript">
var width = 768;
var height = 576;
var imgAr1 = new Array();
var rImg1 = new Array();

imgAr1[0] = "june222011tiger/1.jpg";
imgAr1[1] = "june222011tiger/2.jpg";
imgAr1[2] = "june222011tiger/3.jpg";
imgAr1[3] = "june222011tiger/4.jpg";
imgAr1[4] = "june222011tiger/5.jpg";
imgAr1[5] = "june222011tiger/6.jpg";
imgAr1[6] = "june222011tiger/7.jpg";
imgAr1[7] = "june222011tiger/8.jpg";
imgAr1[8] = "june222011tiger/9.jpg";
imgAr1[9] = "june222011tiger/10.jpg";
imgAr1[10] = "june222011tiger/11.jpg";
imgAr1[11] = "june222011tiger/12.jpg";
imgAr1[12] = "june222011tiger/13.jpg";
imgAr1[13] = "june222011tiger/14.jpg";
imgAr1[14] = "june222011tiger/15.jpg";
imgAr1[15] = "june222011tiger/16.jpg";
imgAr1[16] = "june222011tiger/17.jpg";
imgAr1[17] = "june222011tiger/18.jpg";
imgAr1[18] = "june222011tiger/19.jpg";
imgAr1[19] = "june222011tiger/20.jpg";
imgAr1[20] = "june222011tiger/21.jpg";
imgAr1[21] = "june222011tiger/22.jpg";
imgAr1[22] = "june222011tiger/23.jpg";
imgAr1[23] = "june222011tiger/24.jpg";
imgAr1[24] = "june222011tiger/25.jpg";
imgAr1[25] = "june222011tiger/26.jpg";
imgAr1[26] = "june222011tiger/27.jpg";
imgAr1[27] = "june222011tiger/28.jpg";
imgAr1[28] = "june222011tiger/29.jpg";
imgAr1[29] = "june222011tiger/30.jpg";
imgAr1[30] = "june222011tiger/31.jpg";
imgAr1[31] = "june222011tiger/32.jpg";
imgAr1[32] = "june222011tiger/33.jpg";
imgAr1[33] = "june222011tiger/34.jpg";
imgAr1[34] = "june222011tiger/35.jpg";
imgAr1[35] = "june222011tiger/36.jpg";
imgAr1[36] = "june222011tiger/37.jpg";
imgAr1[37] = "june222011tiger/38.jpg";
imgAr1[38] = "june222011tiger/39.jpg";
imgAr1[39] = "june222011tiger/40.jpg";
imgAr1[40] = "june222011tiger/41.jpg";
imgAr1[41] = "june222011tiger/42.jpg";
imgAr1[42] = "june222011tiger/43.jpg";
imgAr1[43] = "june222011tiger/44.jpg";
imgAr1[44] = "june222011tiger/45.jpg";
imgAr1[45] = "june222011tiger/46.jpg";
imgAr1[46] = "june222011tiger/47.jpg";
imgAr1[47] = "june222011tiger/48.jpg";
imgAr1[48] = "june222011tiger/49.jpg";
imgAr1[49] = "june222011tiger/50.jpg";
imgAr1[50] = "june222011tiger/51.jpg";
imgAr1[51] = "june222011tiger/52.jpg";
imgAr1[52] = "june222011tiger/53.jpg";
imgAr1[53] = "june222011tiger/54.jpg";
imgAr1[54] = "june222011tiger/55.jpg";
imgAr1[55] = "june222011tiger/56.jpg";
imgAr1[56] = "june222011tiger/57.jpg";
imgAr1[57] = "june222011tiger/58.jpg";
imgAr1[58] = "june222011tiger/59.jpg";

</script>

<table cellpadding=0 cellspacing=0><tr><td style="border: 4px ridge white;">
<img id=pic border=0>
</td></tr>
<tr><td>
<table width=100% style="border: 4px ridge white; font-size: 13px; font-family: verdana, arial;">
<td align=center><a style="color: blue; cursor:pointer;" onclick="start()">Start</a></td>
<td align=center><a style="color: blue; cursor:pointer;" onclick="slideshow()">Next</a></td>
<td align=center><a style="color: blue; cursor:pointer;" onclick="prev()">Prev</a></td>
<td align=center><a style="color: blue; cursor:pointer;" onclick="end()">End</a></td>
<td align=center><a href="http://www.hscripts.com" style="color: blue; text-decoration: none;
cursor:ponter; font-size: 13px;">&copy;H</a></td>
</tr></table>
</td></tr></table>

<script type="text/javascript">

for(var j = 0; j < imgAr1.length; j++)
{
        rImg1[j] = new Image();
            rImg1[j].src = imgAr1[j];
}

document.onload = setting();

var slide;
function setting()
{
    slide = document.getElementById('pic');
    slide.src = imgAr1[0];
    slide.setAttribute("width",width);
    slide.setAttribute("height",height);
}

//Image or picture slide show using java script
//slideshow function
var picture = 0;
function slideshow(){
    if(picture < imgAr1.length-1){
        picture=picture+1;
        slide.src = imgAr1[picture];
    }
}

function prev(){
    if(picture > 0 ){
        picture=picture-1;
        slide.src = imgAr1[picture];
    }
}

function start(){
        slide.src = imgAr1[0];
        picture = 0;
}

function end(){
        slide.src = imgAr1[imgAr1.length-1];
        picture = imgAr1.length-1
}
</script>
<!-- Script by hscripts.com -->

This post has been edited by lorinluv: Jun 29 2011, 10:59 AM

[Frederiek]

The folder june222011tiger doesn't seem to be there. Are you sure you uploaded everything in the correct folder on your host server?

[lorinluv]

The folder june222011tiger doesn't seem to be there. Are you sure you uploaded everything in the correct folder on your host server?

I put it in the root directory where all the other files are, public_html, but I have played with it, moving it just about everywhere and no matter what the photos dont show.

[pandy]

I put it in the root directory where all the other files are, public_html

Yes, there is where it is.
http://www.bennettsgarage.net/june222011tiger/

But the image URLs in your JS resolves to http://www.bennettsgarage.net/2011_files/june222011tiger/ .

See this FAQ entry about how relative URLs work.
http://htmlhelp.com/faq/html/basics.html#relative-url

[Christian J]

Also note that the script looks for lower case .jpg extensions, but the image files use upper case.

[lorinluv]

Also note that the script looks for lower case .jpg extensions, but the image files use upper case.

So, I changed all the upper case to lower case in the file names, and still no photos show. I did read that page, but I am not sure I get it. If the main directory (the one that holds the index.htm file) is public_htm, then that is where all subfolders should go, correct?

what am I doing wrong? *pout*

This post has been edited by lorinluv: Jun 29 2011, 02:21 PM

[Christian J]

what am I doing wrong? *pout*

The slideshow page is in http://www.bennettsgarage.net/2011_files/ so the script looks for the directory "june222011tiger/" in there, not in http://www.bennettsgarage.net/

To fix it, make the script look for the directory one level up (see the FAQ page pandy linked to).