peanutville
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.
http://www.eco-systems.co.za/products.html
[CODE]
<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"
})
</script>
<link rel="shortcut icon" href="favicon.ico"/>
</head>
<body>
<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;"> </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" />
</a></li>
<li id="products"><a href="products.html">
<img src="images/products2.gif" border="0" alt="products link" />
</a></li>
<li id="contact"><a href="contact.html">
<img src="images/contact2.gif" border="0" alt="contact link" />
</a></li>
<li id="faqs"><a href="faqs.html">
<img src="images/faqs2.gif" border="0" alt="faqs link" />
</a></li>
</ul>
</div>
<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 />
[CODE]
Assistance always appreciated.
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.
http://www.eco-systems.co.za/products.html
[CODE]
<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"
})
</script>
<link rel="shortcut icon" href="favicon.ico"/>
</head>
<body>
<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;"> </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" />
</a></li>
<li id="products"><a href="products.html">
<img src="images/products2.gif" border="0" alt="products link" />
</a></li>
<li id="contact"><a href="contact.html">
<img src="images/contact2.gif" border="0" alt="contact link" />
</a></li>
<li id="faqs"><a href="faqs.html">
<img src="images/faqs2.gif" border="0" alt="faqs link" />
</a></li>
</ul>
</div>
<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 />
[CODE]
Assistance always appreciated.