can't get Ultimate Fade-in slideshow v2.1 to work on main page

Yeap...

I have installed the new version on a html/php site (not zen cart) and it works great. You can view it on the home page. Replace a the flash we had there.

Give it a second to load...then when the slideshow begins, place your mouse over the image to view the text that'll pop up. The image will stay in place until the mouse is moved off of it. I really like this one.

http://newharmonyinn.com/index.php

I had this working perfectly on 1.3.8a, I just upgraded to 1.3.9d and no longer works... shows a blank area. I even tried to copy over same file from 1.3.8a but that totaly screwed up the entire page.

rxalex:

I had this working perfectly on 1.3.8a, I just upgraded to 1.3.9d and no longer works... shows a blank area. I even tried to copy over same file from 1.3.8a but that totaly screwed up the entire page.

Check your includes/templates/YOUR_TEMPLATE/common/html_header.php 1.3.9d file for merging errors.

If that does not throw any light on the issue then I suggest to re-install / re-configure the mod from scratch as per my post #5 in this thread.

I have this mod running perfectly on my 1.3.9d install

rxalex:

Ok got it to work... Is there a way to fix it so you dont see black borders on images that are different sizes?

You have to edit the file "fadeslideshow.js". On line 54, you'll find

.css({position:'absolute', left:0, top:0, width:'100%', height:'100%', background:'black'})

change to ->

.css({position:'absolute', left:0, top:0, width:'100%', height:'100%', background:'white'})

You can change "white" to any color you want. This works for me.

For best practice, here is a link to the wiki description of how to add javascript to Zen Cart pages without editing PHP files:
http://www.zen-cart.com/wiki/index.php/Customisation_-_Templates_-_Javascript

You can have sitewide or per-page js loading by putting jscript_fadeslideshow.js in the right folder. I haven't done the whole process yet, but I believe the second js file mentioned in post 5 will also need to be modified and added to a folder. Theoretically,you could just use it as /includes/modules/pages/index/jscript_myslideshow.js, but this would probably operate on all index pages, not just the homepage. Thus, you would use it as /includes/modules/pages/index/jscript_myslideshow.php with the opening if() test to limit it to the homepage. The first script call in that file is to jquery, which may already be operative in v1.3.9 (or maybe that won't be until v2.0 - clarification from someone who knows?), so you might not need to include that.

In all cases, you would also insert the blank div in a PHP template file as mentioned.

jppp:

You have to edit the file "fadeslideshow.js". On line 54, you'll find

.css({position:'absolute', left:0, top:0, width:'100%', height:'100%', background:'black'})

> 
> change to ->
> 
> ```
.css({position:'absolute', left:0, top:0, width:'100%', height:'100%', background:'white'})

You can change "white" to any color you want. This works for me.

this is just what I needed too!!! :clap:
Thanks

I've been staring at that Dynamic Drive slide show for a while and this thread is great but, I was wondering if someone could explain how to use it in an existing banner, if that's even possible.

Thank you,
Stephen

[QUOTE=frank18;868072]
Then open includes/templates/YOUR_TEMPLATE/common/html_header.php and insert this piece of code just before the </head> tag:

(Note: this is configured to show only on home page)

<?php
if($this_is_home_page){
?>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="includes/modules/pages/index/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: [480, 360], //width/height of gallery in pixels. Should reflect dimensions of largest image
	imagearray: [
		["includes/modules/pages/index/images/image11.jpg", "index.php?main_page=index&cPath=11", "", "Beach Bags"],
		["includes/modules/pages/index/images/image3.jpg", "index.php?main_page=index&cPath=3", "", "Beach Wear"],
		["includes/modules/pages/index/images/image10.jpg", "index.php?main_page=index&cPath=10", "", "Cover Ups"],
		["includes/modules/pages/index/images/image9.jpg", "index.php?main_page=index&cPath=9", "", "Kaftans"],
		["includes/modules/pages/index/images/image7.jpg", "index.php?main_page=index&cPath=7", "", "Ladies Apparel"],
		["includes/modules/pages/index/images/image1.jpg", "index.php?main_page=index&cPath=1", "", "Sarongs and Wraps"] //<--no trailing comma after very last image element!
	],
	displaymode: {type:'auto', pause:4000, cycles:0, wraparound:false},
	persist: false, //remember last viewed slide and recall within same session?
	fadeduration: 1000, //transition duration (milliseconds)
	descreveal: "ondemand",
	togglerid: ""
})
</script>
<?php
}
?>

Hi,

I really want this mod in my 1.3.9g recently installed Cart but i am so confused with the 'how' . I checked and i don't have the htlm_header.php. Instead i have tpl_header.php and i can't find the </head> or any <head> for that matter.

I am new and i read but my brain can't compute to whatever i'm reading :no: everyhting seems so confusing. I tried to understand what Frank18 "HOW TO" but i just can't.

First where do i actually insert the codes for tpl

Pls don't get mad and irritated with my lack of php or whatever codes. Still very new.

Thanks

:clap::clap::clap::clap:

finally for it:smartalec:

But when it gets to image 5 and 6, the slideshow went black :huh: . The rest of the images 1-4 turned out really well.

Why is that? Everything are in their right place and no spelling error.

Can anyone please advice me on this matter:(

:clap::clap::clap::clap:

finally got it:smartalec:

But when it gets to image 5 and 6, the slideshow went black :huh: . The rest of the images 1-4 turned out really well.

Why is that? Everything are in their right place and no spelling error.

Can anyone please advice me on this matter:(

Never mind..figured it out. JPG instead of jpg :blush:

Now can anyone help me on how to put it in the middle of my zen cart?

Wicked works great, thanks!

http://www.sparklegift.co.uk

[QUOTE=newbie79;947246]> frank18:

Then open includes/templates/YOUR_TEMPLATE/common/html_header.php and insert this piece of code just before the </head> tag:

(Note: this is configured to show only on home page)

<?php if($this_is_home_page){ ?> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <script type="text/javascript" src="includes/modules/pages/index/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: [480, 360], //width/height of gallery in pixels. Should reflect dimensions of largest image imagearray: [ ["includes/modules/pages/index/images/image11.jpg", "index.php?main_page=index&cPath=11", "", "Beach Bags"], ["includes/modules/pages/index/images/image3.jpg", "index.php?main_page=index&cPath=3", "", "Beach Wear"], ["includes/modules/pages/index/images/image10.jpg", "index.php?main_page=index&cPath=10", "", "Cover Ups"], ["includes/modules/pages/index/images/image9.jpg", "index.php?main_page=index&cPath=9", "", "Kaftans"], ["includes/modules/pages/index/images/image7.jpg", "index.php?main_page=index&cPath=7", "", "Ladies Apparel"], ["includes/modules/pages/index/images/image1.jpg", "index.php?main_page=index&cPath=1", "", "Sarongs and Wraps"] //<--no trailing comma after very last image element! ], displaymode: {type:'auto', pause:4000, cycles:0, wraparound:false}, persist: false, //remember last viewed slide and recall within same session? fadeduration: 1000, //transition duration (milliseconds) descreveal: "ondemand", togglerid: "" }) </script> <?php } ?>

> 
> Hi,
> 
> I really want this mod in my 1.3.9g recently installed Cart but i am so confused with the 'how' . I checked and i don't have the htlm_header.php. Instead i have tpl_header.php and i can't find the </head> or any <head> for that matter. 
> 
> I am new and i read but my brain can't compute to whatever i'm reading :no: everyhting seems so confusing. I tried to understand what Frank18 "HOW TO" but i just can't. 
> 
> First where do i actually insert the codes for tpl
> 
> Pls don't get mad and irritated with my lack of php or whatever codes. Still very new.
> 
> Thanks

I am new as you. i also cannot find the htlm_header.php and do not know where to insert the code, please give some information, i really want this mod in 1.3.9

Instead of inserting the code into html_header.php manually, save it as a file named like jscript_myfadeshow.php, as described in the wiki link in post 25 above.
Zen Cart will automatically insert it into the <head> output when appropriate.

gjh42:

Instead of inserting the code into html_header.php manually, save it as a file named like jscript_myfadeshow.php, as described in the wiki link in post 25 above.
Zen Cart will automatically insert it into the <head> output when appropriate.

thank you, Gleen.

but i am still confused with 'how to'.

i followed steps below but i cannot get the slide:

1.download the file and drop it into folder includes/modules/pages/index/fadeslideshow.js)
2.copy all of the code and save it as jscript_myfadeshow.php, upload it into includes/templates/MYTEMPLATE/common/jscript_myfadeshow.php
3.in admin-Define Pages Editor, input the code:<div id="fadeshow1"></div> into
define_main_page.php, and save it

did i miss any step, or anything is wrong during this process?

includes/modules/pages/index/fadeslideshow.js

Files to be autoloaded here should start with jscript_, so try

jscript_fadeslideshow.js

and if it is called by name from other javascript code, change that to reflect the new name.

thanks, Glenn,

still cannot get the slideshow, but I think it is related to js.
when I visited the wbsite, I found there is a yellow mark in the left corner of the status bar, the error message is
message: 'jQuery' undefined
could you help to take a look?

click

well, I have removed that error finally.

by the way, how can I edit my post? it seems no EDIT option there...

You can edit posts for 7 minutes. After that, they are frozen so that replies that follow still make sense. If you deleted a comment or question after someone answered, it would mislead later readers who might be looking for the same info.

This seems fairly straightforward, but i would like the slideshow to display on the main page, but not in the header. I have a bit larger images than what would comfortably fit in the header, and would like the visitors to see the slideshow when they come in. What should i do differently? can i insert the slideshow through the Define page editor once things are set up?