View Full Version : Ultimate Fade In Slideshow v2.0 Only works offline

05-10-2010, 02:45 PM
1) Script Title: Ultimate Fade In Slideshow v2.0

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.htm

3) Describe problem: Script works 100% offline, but once uploaded the images do not load. Had this problem with conflicting scripts before due to js conflicts.

Have checked everything many times & its looks 100%

Removed one reflection.js file from the web page, but made no difference.


<link href="eco.css" rel="stylesheet" type="text/css" />

<script type="text/javascript" src="javascript/reflection.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript" src="javascript/fadeslideshow.js"></script>
<script type="text/javascript">

<!-- Ultimate Fade In Slideshow v2.0- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)---->

var mygallery=new fadeSlideShow({
wrapperid: "slide2", //ID of blank DIV on page to house Slideshow
dimensions: [300, 200], //width/height of gallery in pixels. Should reflect dimensions of largest image
imagearray: [
["http://www.eco-systems.co.za/images/slideshow/es1.jpg", "", "", "Evac tube technology"],
["http://www.eco-systems.co.za/images/slideshow/es2.jpg", "", "", "Pre-heater"],
["http://www.eco-systems.co.za/images/slideshow/es3.jpg", "", "", "Finished installation"],
["http://www.eco-systems.co.za/images/slideshow/es4.jpg", "", "", "Pre-heater installation"],
["http://www.eco-systems.co.za/images/slideshow/es5.jpg", "", "", "Evac tube installation"],
["http://www.eco-systems.co.za/images/slideshow/es6.jpg", "", "", "Final assembly"] //<--no trailing comma after very last image element!
displaymode: {type:'manual', pause:2000, cycles:3, wraparound:false},
persist: true, //remember last viewed slide and recall within same session?
fadeduration: 500, //transition duration (milliseconds)
descreveal: "always",
togglerid: "directionbuttons"


<link rel="shortcut icon" href="favicon.ico"/>


<div class="dialog">
<!-- top/right PNG -->
<div class="content">
<!-- optional: vertical scroll wrapper -->
<div class="wrapper">
<!-- top/left PNG -->
<div class="t"></div>
<!-- Your content goes here -->

<!-- Optional: Standard Module Format (hd/bd/ft)
for providing semantic, meaningful content.
Not required for visual effect. -->

<div id="headerright"><h1>Come clean - go <span style= "color : #a4cf41">green</span></h1></div>
<div id="headerleft"><img src="images/ecoheader2.jpg" alt="ecoheader" border="0" class="reflect rheight55"/></div>
<br />
<br />
<br />
<br />

<div style="clear: both;">&nbsp;</div>
<div id="nav-menu">
<ul class="nav-menu">
<li id="home"><a href="index.html">
<img src="images/home2.gif" border="0" alt="home link" />
<li id="products"><a href="products.html">
<img src="images/products2.gif" border="0" alt="products link" />
<li id="contact"><a href="contact.html">
<img src="images/contact2.gif" border="0" alt="contact link" />
<li id="faqs"><a href="faqs.html">
<img src="images/faqs2.gif" border="0" alt="faqs link" />
<br />
<br />
<br />
<br />
<div id="content">

<p>The Eco-Systems Home series is our popular residential solar water heating solution.</p>

<br />

<div id="slide2"></div>

<div id="directionbuttons">
<a href="#"class="prev"><img src="images/arrowleft.png" style="border-width:0"/></a><span class="status" style="margin:0 50px; font-weight:bold"></span><a href="#"class="next"><img src="images/arrowright.png" style="border-width:0"/></a></div>

<br />

Assistance always appreciated.

05-10-2010, 04:47 PM
Hi Peanutville
the path to the fadeslideshow.js
is not working.
Did you remember to upload the script to this location ?

05-10-2010, 09:53 PM
Definitely uploaded...


Just took a fresh js file & reconfigured it & uploaded.

I wonder if the server configuration could effect it in any way?
But the reflection.js is working fine tho....

Thanx for the reply

05-10-2010, 10:05 PM
Worked it out

uploaded js = fadeSlideShow.js

see the problem??

answer = fadeslideshow.js - upper case text!

Thanx again ;-)