Help with Fade-In Slideshow

[Go For Your Dream]

Hi All,

I am new to this forum and have learned to build my website through a program called SBI! I do not upload my own html so the Fade-In Slideshow code I use with Dynamic Drive works

http://www.dynamicdrive.com/dynamici...nslideshow.htm

but when I check the page in IE it loads, but Done ! with errors. In FireFox it seems fine. The page does not seem to have any problems.

Also, because I am unable to place the code in the "head" I have to place it within the "body", therefore, I am unable to put it on my homepage.

Would someone please look at the page I put the code on and let me know if the code can be modified to fit into the program I use so I can enter the entire code into the body and be able to place it on all my pages including my homepage?

The page the Fade-In Slideshow code is on can be viewed here: http://www.go-for-your-dream.com/achievement.html

I hope someone can help me. I really like this site and the Fade-In Slideshow is perfect for what I want to accomplish with my products.

Gratefully,
Go For Your Dream

[jscheuer1]

Get rid of the second call (red):

<script type="text/javascript">//new fadeshow(IMAGES_ARRAY_NAME, slideshow_width, slideshow_height, borderwidth, delay, pause (0=no, 1=yes), optionalRandomOrder)
new fadeshow(fadeimages, 140, 225, 0, 3000, 1, "R")
new fadeshow(fadeimages2, 140, 225, 0, 3000, 0)
 
</script>

That's what is causing the error, in FF too. FF just isn't as obvious about reporting it.

You only have one slide show on the page, so should only have one call. The second call is looking for the fadeimages2 array, which you don't have (or need for just one slide show).

[Go For Your Dream]

Hi John,

Thanks for the help, it worked.

Is there any reason why I am unable to use this code on my homepage?

[jscheuer1]

Well the script can go in the body of the page, just as long as it is before the call to it. Like you have it on your achievement.html page.

I'm not sure what you mean when you say 'my program' or SBI though.

As long as it allows you to enter raw code, you should be fine.

However, if you were to use this script on several pages, it probably would be a good idea to make the main portion of it external. But, I think that might be asking for more than you are ready for at this point. It can be placed on each page, as long as you can figure out how. If I knew the actual name of the program you are using, or had a link to its site, I might be able to be of more help in figuring out the best way to add scripts with it.

[Go For Your Dream]

Hi John,

What do you mean by 'before the call to it"?

The program I use is Site Build It! You can view the homepage here:

http://www.sitesell.com/Kimberly24.html

At the top of the page you can click on company for the corporate info or view the site map.


I think if I understand what you mean by 'before the call for it', it may help me. The homepage is built differently than the tier two pages like achievement.html, but it does allow coding on the homepage.

When I place the code where I want it to be (currently where the calendar and sweatshirts currently are at the top right of the page) it is blank - does not display.

Would you like me to place the Fade-In Slide show code in where I think it should be and you can view source it to perhaps see the problem? Let me know once you have seen the current homepage and if you would like me to place the code and I will.

[jscheuer1]

That doesn't look like a program as much as like an infomercial. I was thinking about instructions on using an editor, not a business plan.

Also, you pages' source code doesn't look all that special, it looks like they were made with Dreamweaver or another Adobe program, most (if not all) of which will allow scripts in the head.

In any case, go ahead and put the code where you want it. I can probably troubleshoot it.

[Go For Your Dream]

Hi John,

I could see how it looks like an infomerical to you, nonetheless, it allows me to build a site with no experience.

I took the code and your "before the call for it' to the forums at SBI! and found an SBI! tech person that I am hoping can help me.

I appreciate your help, believe it or not you gave me a lot of info on this subject that I can and will use to share about this site. Should I need further help on this matter I will get back with you.

Kindest regards,
Kimberly

[jscheuer1]

Oh, sorry - I just meant that the link didn't seem to lead to any information on how to use the editor you are using or even what it is exactly.

I also forgot to answer your question about the call. I'm using the word call here in a non-technical sense, the 'call' is:

<script type="text/javascript">//new fadeshow(IMAGES_ARRAY_NAME, slideshow_width, slideshow_height, borderwidth, delay, pause (0=no, 1=yes), optionalRandomOrder)
new fadeshow(fadeimages, 140, 225, 0, 3000, 1, "R")
</script>

That must come after the main script.

If you have all of that worked out - it's how you have it on the page where the script is working, so how hard can it be - if there are still problems, it is probably due to style and/or layout obscuring the slide show somehow. It could also be that the paths to the images are wrong in the script in relation to the page that is using it. And, as I said before, I would be happy to look at what you are doing to see if I can troubleshoot it. I have at least a 99% success rate in doing just that with javascript.

I know that when you are just starting out with javascript it can seem quite daunting, and to actually code in it is. But with a ready made and fairly well written script like this one, there really isn't all that much that can go wrong. All you need to do is install it.

[Go For Your Dream]

No problem, and I appreciate your help.

I have placed the Fade-In Slideshow script on my homepage for you to view. It does not show up and when the page loads it is '! Done, but with errors on page'. I put the exact same script on my homepage as I have done on the other pages with this script.

Home page: http://www.go-for-your-dream.com

Other pages: http://www.go-for-your-dream.com/work-from-home.html
http://www.go-for-your-dream.com/achievement.html
http://www.go-for-your-dream.com/build-a-website.html

If my intention is to place this script on all pages in my site, how do I make the main portion of it external? And, how do I make the 'call' for it on my page?

[jscheuer1]

You have:

<P>

inside the main script in 5 places. If you get rid of those, it will work.

To make the script external, put the code minus the opening and closing script tags (middle section removed for brevity):

/***********************************************
* Ultimate Fade-In Slideshow (v1.51): © Dynamic Drive (http://www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for this script and 100s more.
***********************************************/
 
var fadeimages=new Array()
//SET IMAGE PATHS. Extend or contract array as needed
fadeimages[0]=["http://www.go-for-your-dream.com/images/gfydwhitehoodie.jpg", "http://www.cafepress.com/mygfydstore", "_new"] 
fadeimages[1]=["http://www.go-for-your-dream.com/images/gfydlargemugmiragepink.jpg", "http://www.cafepress.com/mygfydstore", "_new"] 
fadeimages[2]=["http://www.go-for-your- . . .

. . . secheck==1){ //IF SLIDESHOW SHOULD PAUSE ONMOUSEOVER
var cacheobj=this
var crossobjcontainer=iebrowser? iebrowser["master"+this.slideshowid] : document.getElementById("master"+this.slideshowid)
crossobjcontainer.onmouseover=function(){cacheobj.mouseovercheck=1}
crossobjcontainer.onmouseout=function(){cacheobj.mouseovercheck=0}
}
this.rotateimage()
}

In a plain text file (use NotePad) and save it as:

slideshow.js

upload that file to the same folder where your pages are. Then in place of where you have the main part of the script, in the same place, put:

<script src="slideshow.js" type="text/javascript">
      
/***********************************************
* Ultimate Fade-In Slideshow (v1.51): © Dynamic Drive (http://www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for this script and 100s more.
***********************************************/

</script>

The 'call' can remain the same and in the same spot.