Code for fading pictures in welcome page
 

Does any one have some simple code to be about to do a fading slideshow on the main page that I can enter in a static page.

Many thanks

Re: Code for fading pictures in welcome page
 

I've always liked http://www.jeroenwijering.com/?item=JW_Image_Rotator

Re: Code for fading pictures in welcome page
 

Sorry maybe I did not explain right, I just want a series of 3 or 4 pictures that fade from 1 to another, not a customer controlled slideshow.

Thanks

Re: Code for fading pictures in welcome page
 

Re: Code for fading pictures in welcome page
 

Another one - http://medienfreunde.com/lab/innerfade/

Re: Code for fading pictures in welcome page
 

I use this one a lot (the second image is optional):

http://dynamicdrive.com/dynamicindex14/fadeinslideshow.htm

Re: Code for fading pictures in welcome page
 

I hate to ask this and probably know the answer, is it a case of just cut and paste in the code. I have done this and it has come up with error, error, error.

Does this code have to be modified to be able to work? more than just the filenames of the images to be displayed?

Re: Code for fading pictures in welcome page
 

This is the error that I am getting displayed.

Error: Smarty error: [in ./pages/US/welcome.html line 34]: syntax error: unrecognized tag: this.pausecheck=pause this.mouseovercheck=0 this.delay=delay this.degree=10 //initial opacity degree (10%) this.curimageindex=0 this.nextimageindex=1 fadearray[fadearray.length]=this this.slideshowid=fadearray.length-1 this.canvasbase="canvas"+this.slideshowid this.curcanvas=this.canvasbase+"_0" if (typeof displayorder!="undefined") theimages.sort(function() {return 0.5 - Math.random(); (Smarty_Compiler.class.php, line 436) in /home/www/antonywalsh/pinkandcream.com/docs/Smarty-2.6.12/Smarty.class.php on line 1095

Re: Code for fading pictures in welcome page
 

You need to surround JavaScript with {literal} tags, so Smarty doesn't try to read it:

{literal}

JavaScript here

{/literal}

Re: Code for fading pictures in welcome page
 

Ok. And does that mean put {literal} at the beginning and then {/literal} at the end of the whole thing?

Or just in the body part or head part or just where it says <script type="text/javascript">?

Many thanks for your help.

Re: Code for fading pictures in welcome page
 

You need to surround anything that has javascript IN the code. If it references an external file you don't have to worry about it, but if the code is in the template, you need to surround the whole thing with the tags.

Re: Code for fading pictures in welcome page
 

Thanks I got the pictures to show but how do I get rid of showing the {literal} tags on the screen at the top and the bottom?

Re: Code for fading pictures in welcome page
 

You mean in the code? Or are they actually showing on the site?

Re: Code for fading pictures in welcome page
 

Thanks Balinor got it working and it looks great, thankyou so much for your help. Without you the x-cart standard template would be very boring.

Re: Code for fading pictures in welcome page
 

what is the second image for?

Re: Code for fading pictures in welcome page
 

You can have two images fading in and out at once.