Joomla Slider

[katiebugla]

My place of work has been using a modified Joomla template - I looked at the homepage today and *POOF* - the slider on the main page is GONE!!!

The person who was here before me had this code saved to the desktop - I have tried to insert this
<!-- Image Slide Show Start website image -->
<center>
<script type="text/javascript" src="http://www.2createawebsites.com/resources/howtocreateawebsitefadeslide.js"></script>
<script type="text/javascript">
var mygallery=new fadeSlideShow({
wrapperid: "fadeshow2", //ID of blank DIV on page to house Slideshow
dimensions: [955, 318], //width/height of gallery in pixels. Should reflect dimensions of largest image
imagearray: [
["images/stories/makeyourfirststopcoop.jpg"],
["images/stories/purple1.jpg"],
["images/stories/storefrontbig.jpg"]// <--no trailing comma after very last image element!
],
displaymode: {type:'auto', pause:3000, cycles:0, wraparound:false},
persist: false, //remember last viewed slide and recall within same session?
fadeduration: 2000, //transition duration (milliseconds)
descreveal: "ondemand",
togglerid: ""
})
</script><div id="fadeshow2">
</div>
</center>
<!-- Image Slide Show End -->


in the module manager for the slider section, but nothing is showing up...

Here is the site that the slider should show up on:

http://coopbookstore.com/

Thoughts??? Thank you, in advance.

Oh, P.S. Anything web-related is not really my forte, so answers may need to be dumbed down... Sorry.

[jscheuer1]

OK, you have at least three problems:


The code in your post is not showing up in the source code of your page.


The script it links to; http://www.2createawebsites.com/resources/howtocreateawebsitefadeslide.js is not there.


The script is actually a Dynamic Drive script; http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.htm
As such it requires that the script credit appear on the page that's using it.


#2 and #3 are probably related. The 2createwebsites people probably found out that they were not licensed to offer the script for hot linking, so took it down. The good news is that you can host your own copy, which you can download from Dynamoc Drive (from its demo page I linked to above). The bad news is that I have no idea why the code from your post isn't appearing in the source code of your page. That's on the server side. Some how someone/something removed its include from the template. Once its restored, you can host the script yourself and edit the include from your post to point to your copy of the script and to restore the credit, and you should be all set.

[katiebugla]

Thank you, John! I have started to update... am I on the right track?

[katiebugla]

Here is the updated code, I have (no doubt) missed something:


<script type="text/javascript" src="fadeslideshow.js">
/***********************************************
* Ultimate Fade In Slideshow v2.0- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
***********************************************/
</script>
<script type="text/javascript">
var mygallery=new fadeSlideShow({
wrapperid: "fadeshow2", //ID of blank DIV on page to house Slideshow
dimensions: [955, 318], //width/height of gallery in pixels. Should reflect dimensions of largest image
imagearray: [
["images/stories/makeyourfirststopcoop.jpg"],
["images/stories/purple1.jpg"],
["images/stories/storefrontbig.jpg"]// <--no trailing comma after very last image element!
],
displaymode: {type:'auto', pause:3000, cycles:0, wraparound:false},
persist: false, //remember last viewed slide and recall within same session?
fadeduration: 2000, //transition duration (milliseconds)
descreveal: "ondemand",
togglerid: ""
})
</script>
<div id="fadeshow2">
</div>
<div id="fadeshow2toggler" style="width:955px; margin-top:10px">
</div>
</center>
<!-- Image Slide Show End -->

[jscheuer1]

Looks pretty good, one problem is, only this part:


<div id="fadeshow2"></div>
<div id="fadeshow2toggler" style="width: 955px; margin-top: 10px;"></div>

appears in the served source code of the page at:

http://coopbookstore.com/

Oh, and even if the rest of the code from your post were there in the source code of the page:

http://coopbookstore.com/fadeslideshow.js

is a 404 Not Found. You need to upload the file to the root folder, or if it's already on the server in a different folder, correct its path here:


<script type="text/javascript" src="fadeslideshow.js">
/***********************************************
* Ultimate Fade In Slideshow v2.0- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
***********************************************/
</script>

[jscheuer1]

Looks good now, I see you went with a different script. That's fine. And now you're hosting your own copy of the script so you don't have to worry about a third party discontinuing it.

Are you planning on using the links for the images? If not, you should try the markup without them.