Follow us on Twitter X-Cart on Facebook Wiki
Shopping cart software Solutions for online shops and malls

Code for fading pictures in welcome page

 
Reply
   X-Cart forums > X-Cart 4 > Third Party Add-Ons for X-Cart 4
 
Thread Tools
  #1  
Old 01-04-2008, 07:24 PM
 
antonywalsh antonywalsh is offline
 

Member
  
Join Date: Dec 2007
Posts: 27
 

Default 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
__________________
X-Cart Version 4.1.9
Reply With Quote
  #2  
Old 01-05-2008, 05:34 AM
 
carpeperdiem carpeperdiem is offline
 

X-Guru
  
Join Date: Jul 2006
Location: New York City, USA
Posts: 5,399
 

Default Re: Code for fading pictures in welcome page

I've always liked http://www.jeroenwijering.com/?item=JW_Image_Rotator
__________________
xcart 4.5.4 gold+ w/x-payments 1.0.6; xcart gold 4.4.4
Reply With Quote
  #3  
Old 01-05-2008, 05:53 AM
 
antonywalsh antonywalsh is offline
 

Member
  
Join Date: Dec 2007
Posts: 27
 

Default 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
__________________
X-Cart Version 4.1.9
Reply With Quote
  #4  
Old 01-05-2008, 06:12 AM
 
PhilJ PhilJ is offline
 

X-Guru
  
Join Date: Nov 2002
Posts: 3,950
 

Default Re: Code for fading pictures in welcome page

Here's one which uses jquery (see attached), can't quite remember where I found it...
Attached Files
File Type: zip image_slideshow.zip (12.6 KB, 30 views)
__________________
XCARTMODS.CO.UK | reBOOT Template | Changelog
Reply With Quote
  #5  
Old 01-05-2008, 06:40 AM
 
PhilJ PhilJ is offline
 

X-Guru
  
Join Date: Nov 2002
Posts: 3,950
 

Default Re: Code for fading pictures in welcome page

Another one - http://medienfreunde.com/lab/innerfade/
__________________
XCARTMODS.CO.UK | reBOOT Template | Changelog
Reply With Quote
  #6  
Old 01-05-2008, 07:34 AM
 
balinor balinor is offline
 

Veteran
  
Join Date: Oct 2003
Location: Connecticut, USA
Posts: 30,253
 

Default 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
__________________
Padraic Ryan
Ryan Design Studio
Professional E-Commerce Development
Reply With Quote
  #7  
Old 01-05-2008, 08:49 AM
 
antonywalsh antonywalsh is offline
 

Member
  
Join Date: Dec 2007
Posts: 27
 

Default 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?
__________________
X-Cart Version 4.1.9
Reply With Quote
  #8  
Old 01-05-2008, 09:05 AM
 
antonywalsh antonywalsh is offline
 

Member
  
Join Date: Dec 2007
Posts: 27
 

Default 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
__________________
X-Cart Version 4.1.9
Reply With Quote
  #9  
Old 01-06-2008, 10:36 AM
 
balinor balinor is offline
 

Veteran
  
Join Date: Oct 2003
Location: Connecticut, USA
Posts: 30,253
 

Default 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}
__________________
Padraic Ryan
Ryan Design Studio
Professional E-Commerce Development
Reply With Quote
  #10  
Old 01-06-2008, 01:21 PM
 
antonywalsh antonywalsh is offline
 

Member
  
Join Date: Dec 2007
Posts: 27
 

Default 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.
__________________
X-Cart Version 4.1.9
Reply With Quote
Reply
   X-Cart forums > X-Cart 4 > Third Party Add-Ons for X-Cart 4


Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump


All times are GMT -8. The time now is 03:48 AM.

   

 
X-Cart forums © 2001-2020