Just cant get dynamicDrive scripts to work

manishp · #1 02-26-2010, 09:07 AM

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.

jdiehl · #2 02-26-2010, 09:28 AM

There is a line in the code that says:
wrapperid: "fadeshow1", //ID of blank DIV on page to house Slideshow

Do you have a blank div on your home page? Something similar to:

<div id="fadeshow1"></div>

This is required, since that defines where the slideshow appears. That's the best I can do without a link.

gizmo · #3 02-26-2010, 09:55 AM

Where exactly is your > fadeslideshow.js ?
can you name the folder

manishp · #4 02-26-2010, 09:55 AM

Quote:

Originally Posted by jdiehl

There is a line in the code that says:
wrapperid: "fadeshow1", //ID of blank DIV on page to house Slideshow

Do you have a blank div on your home page? Something similar to:

<div id="fadeshow1"></div>

This is required, since that defines where the slideshow appears. That's the best I can do without a link.

Thanks so much for taking the time to read through and replying so promptly.

I have added <div id="fadeshow1"></div> such that the image transition appears in the right hand section right above the news.

Just a thought, but is this related to $SkinDir not available in the javascript section, which I have used to fetch the custom javaScript?

manishp · #5 02-26-2010, 10:01 AM

Quote:

Originally Posted by gizmo

Where exactly is your > fadeslideshow.js ?
can you name the folder

It's located here- \xcart\skin1\fadeslideshow.js

In Firebug, I can see that this JavaScript is NOT even loaded in the Script section. So may be its unable to find this script. Using the path as - "\xcart\skin1\fadeslideshow.js" also doesn't work.

gizmo · #6 02-26-2010, 10:13 AM

Trying to help, can you give me exact url of script I will test it on my local machine.
That is url from dynamicdrive.

Maybe better for me to see how it operates

gb2world · #7 02-26-2010, 10:14 AM

Anything within {literal}{/literal} is not interpreted by Smarty. You normally put this around code that has snytax (like javascript) that smarty also uses.

So - smarty will not interpret a variable inside {literal} and {/literal} tags. So - $SkinDir will not be interpreted. You can hardcode the path to the files in question or take the {literal} after where you are using the variable.

gizmo · #8 02-26-2010, 10:18 AM

Just realised after gb2worlds post like he said.
You have literal start tag calling the scripts, so it should be
<head>
{include file="customer/service_head.tpl"}

<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>
{literal}
<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>

manishp · #9 02-26-2010, 10:31 AM

Thank you "gizmo" and "gb2World" for helping me out.

This takes care of the script loading on my server, however, i still dont see the transition effects on the right panel on my test server.

I am testing this on a local virtual machine and so don't have the direct link for you guys to see and get to the bottom of the issue.

The only thing i can think now is that the images can't be found. Since I am following the {literal} tags approach, does this mean i have to give the entire path of the images like http:\www.myserver...images.jpg? or can i still access it using a relative path?

Thanks again for all your help and guidance.

gizmo · #10 02-26-2010, 11:05 AM

If you can give me link to the script at dynamicdrive, Like I said I can see what's happening and test it on my xampp!!!!

Then maybe get you going..