I have been struggling to get the dynamic drive scripts from working on my portal on 4.2.2 x-cart pro.
The script in question is located at -
http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.htm
I have followed all instructions of using {literal} and {\literal} before and after the scripts which need to be placed in the <head> section of customer/home.tpl
I get no errors at all and I can't see the image transition on my portal.
I am still debugging, but just can't seem to see what is wrong.
Can you please guide me as to what I could be missing?
Here is an excerpt from the home.tpl file:
Quote:
<head>
{include file="customer/service_head.tpl"}
{literal}
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="{$SkinDir}/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: "fadeshow1", //ID of blank DIV on page to house Slideshow
dimensions: [180, 300], //width/height of gallery in pixels. Should reflect dimensions of largest image
imagearray: [
["ad_banner_images/ad_banner53.jpg", "", "", "Nothing beats relaxing next to the pool when the weather is hot."],
["ad_banner_images/ad_banner56.jpg", "http://en.wikipedia.org/wiki/Cave", "_new", "Some day I'd like to explore these caves!"],
displaymode: {type:'auto', pause:2500, cycles:0, wraparound:false},
persist: false, //remember last viewed slide and recall within same session?
fadeduration: 500, //transition duration (milliseconds)
descreveal: "ondemand",
togglerid: ""
})
var mygallery2=new fadeSlideShow({
wrapperid: "fadeshow2", //ID of blank DIV on page to house Slideshow
dimensions: [250, 180], //width/height of gallery in pixels. Should reflect dimensions of largest image
imagearray: [
["http://i26.tinypic.com/11l7ls0.jpg", "", "", "Nothing beats relaxing next to the pool when the weather is hot."],
["http://i29.tinypic.com/xp3hns.jpg", "http://en.wikipedia.org/wiki/Cave", "_new", "Some day I'd like to explore these caves!"],
["http://i30.tinypic.com/531q3n.jpg"],
["http://i31.tinypic.com/119w28m.jpg", "", "", "What a beautiful scene with everything changing colors."] //<--no trailing comma after very last image element!
],
displaymode: {type:'manual', pause:2500, cycles:0, wraparound:false},
persist: false, //remember last viewed slide and recall within same session?
fadeduration: 500, //transition duration (milliseconds)
descreveal: "always",
togglerid: "fadeshow2toggler"
})
</script>
{/literal}
</head>
|
Any help from you guys is greatly appreciated.
Thanks so much for your time.