Ultimate Fade-In Slidehow Support thread

For fadeshow_defines.php, you can ignore it in this case. You can dynamically populate the text field in jscript_fadeshow_setup.php with the product name at the same time you are handling the rest of the fields, if you want a title text bar.

Hi

We have installed the slideshow and have followed all steps correctly, however the slideshow is not showing the images, only a broken link image.

Could someone suggest any possibilities to resolve this? Our domain is https://www.djcdirect.co.uk

Also, the three files that are referenced in the instructions, loading.png, restore.gif, and x.png, we do not have these as they weren't included in the download and we do not know where to locate these. Could someone help with this also?

Thanks. Any more info needed, let us know.

DJC Electronics Ltd:

Hi

We have installed the slideshow and have followed all steps correctly, however the slideshow is not showing the images, only a broken link image.

Could someone suggest any possibilities to resolve this? Our domain is https://www.djcdirect.co.uk

Also, the three files that are referenced in the instructions, loading.png, restore.gif, and x.png, we do not have these as they weren't included in the download and we do not know where to locate these. Could someone help with this also?

Thanks. Any more info needed, let us know.

The reason you are showing the broken link is because the images weren't in the download for some reason. I am not exactly sure as to why there aren't in there. I just download the the latest version to check.

I would try to load some images that you actually want displayed into the correct path and see if that works.

If not, go back and download the older version of the files with the images included and see if that works. This is not a recommended step as it is always better to load the newest version.

Old instructions:
/***********************************************

• Ultimate Fade-In Slideshow (v1.51): © Dynamic Drive (http://www.dynamicdrive.com)
• This notice MUST stay intact for legal use
• Visit http://www.dynamicdrive.com/ for this script and 100s more.
  ***********************************************/

This file was not created but me, it was created by dynamicdrive.com.
I found it useful and thought it could be good for others to have with a set of good instructions.

To install the Ultimate Fade-In Slideshow:

Instructions

ALWAYS CREATE A BACK UP OF YOUR STORE BEFORE DOING ANY UPDATES

1. Edit the jscript_fade.js file to show your image names
   Look for the section below in the supplied jscript_fade.js file and edit for your images
   ar fadeimages=new Array()
   //SET IMAGE PATHS. Extend or contract array as needed
   fadeimages[0]=["images/YOUR_IMAGE.jpg", "", ""] //plain image syntax
   fadeimages[1]=["images/YOUR_IMAGE.jpg", "", ""] //plain image syntax
   fadeimages[2]=["images/YOUR_IMAGE.jpg", "", ""] //plain image syntax
   fadeimages[3]=["images/YOUR_IMAGE.jpg", "", ""] //plain image syntax
   fadeimages[4]=["images/YOUR_IMAGE.jpg", "", ""] //plain image syntax
   fadeimages[5]=["images/YOUR_IMAGE.jpg", "", ""] //plain image syntax

    		var fadebgcolor="black"
   

2. Upload the jscript_fade.js file to include/templates/YOUR_TEMPLATE/jscript
   If your template does not have a jscript folder, just create one in the above loaction

3. Upload the images you want to have in Slideshow to the images/ folder on your site

4. Download your tpl_header.php from includes/templates/YOUR_TEMPLATE/common

5. Copy and Paste the code below into tpl_header.php where you want the banner rotater to be

<script type="text/javascript" src="fade.js"></script> <script type="text/javascript"> //new fadeshow(IMAGES_ARRAY_NAME, slideshow_width, slideshow_height, borderwidth, delay, pause (0=no, 1=yes), optionalRandomOrder) new fadeshow(fadeimages, 600, 340, 0, 3000, 0 ) </script>

Change the 600 and 340 in the script above to the measurements of your images. The 3000 is the image time delay.

5. Upload the tpl_header.php to includes/templates/YOUR_TEMPLATE/common

NOTE: If you want to change the Fade rate of the images:
- Go into the the jscript_fade.js file and find 'obj.degree+=3' and change the 3 to different numbers
If you want to center the Ultimate Fade In Slideshow put <center> before <script> and </center> after </script> on the above script on the tpl_header.php

mutinyzoo:

I'm hoping to use Glenn Herbert's Ultimate Fade-in Slideshow to create a page that will display either all products or specified category items.

Apparently niestudio is developing a script based on color box to be able to do this, but in the meantime I'm wondering how difficult it would be to populate the two .js files of Slideshow (jscript_fadeshow_setup.php and fadeshow_defines.php) from the products_description and products tables.

So that for example, all products, all specials, etc could be contained within a slideshow.

Any input or insight greatly appreciated.

gjh42:

Since jscript_fadeshow_setup.php is a PHP file, you could add PHP code to it to look up product info from the database and populate that into items for the slideshow. It would require decent proficiency with PHP and MySQL, but would not be terribly difficult.

This would be a great addition to this add-on. Or even a second one!?

Hi:

I have had the slideshow working on my front page for quite some time. It is great.

Now I want to display it in the #3 banner. I moved the empty div from the main page to the banner and it worked on every page like I wanted.

My issue is this. In the product description page when you click on the "enlarge image" the image comes up but over top it comes up and says

Error: Empty div fadeshow1 not found on page.

How can I get rid of that. That is the only time that comes up that I can find.

I am using 1.3.9h

My site is http:slash slash poolcuesexpress dot com.

Any help would be appreciated.

Dave

The reason you are showing the broken link is because the images weren't in the download for some reason. The images are not in the new version download because Dynamic Drive does not allow anyone else to distribute their content. The old version of the mod is violating their terms of service.
The readme for the new version describes where to get the images on the Dynamic Drive website. I wish I could just give it to you neatly packaged, but that is not possible.

In the product description page when you click on the "enlarge image" the image comes up but over top it comes up and says

Error: Empty div fadeshow1 not found on page. You will need to limit the slideshow display pages to exclude the popup page(s).
Edit jscript_fadeshow_setup.php and change the if statement to something like ```php

<?php if (!in_array($current_page_base, explode(',','popup_image')) { //set any desired condition for each fadeshow ?>

Glenn:

Thanks for your reply. I am using an older version of the slideshow add on and I don't have a jscript_fadeshow_setup.php file.

I have an includes/templates/custom template/jscript/fadeslideshow.js and a script in the common/html_header.php file.

Neither of these files seemed to have a line like you described.

Dave

You are not going to be able to do what you want with the old version, at least not easily. The new version is completely different in coding and organization, but just as easy to use. I suggest you download the new version and transfer your images to it. Then you can use the capabilities available to determine which pages get the fadeshow.

Glenn:

Thanks for your response.

I'll give that a try.

Dave

Glenn:

Sorry it took me so long to report back. I upgraded to the new version. You're right, it is not at all like the old version. Took me a little while to figure it out.

The code that you suggested did not work for me, but the code that was in the instructions worked perfectly. No more div errors and the slideshow works exactly as I had imagined.

Thanks for your help and support.

Dave

I've been using the slideshow on my main page for some months but yesterday it stopped working

I use iWEB to build my site and havent changed anything recently can you help

here's the script i've been using

thanks in advance

Roger

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <script type="text/javascript" src="http://web.me.com/rogerbyrne/fadeslideshow/fadeslideshow.js"> /*********************************************** * Ultimate Fade In Slideshow v2.0- (c) Dynamic Drive DHTML code library (<https://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", dimensions: [999, 565], imagearray: [ ["http://mac-photography.co.uk/image1.jpg", "", "_top", ""], ["http://mac-photography.co.uk/image8.jpg", "", "_top", ""], ["http://mac-photography.co.uk/image18.jpg", "", "_top", ""], ["http://mac-photography.co.uk/image19.jpg", "", "_top", ""], ["http://mac-photography.co.uk/image3.jpg", "", "_top", ""], ["http://mac-photography.co.uk/image5.jpg", "", "_top", ""], ["http://mac-photography.co.uk/image6.jpg", "", "_top", ""], ["http://mac-photography.co.uk/image7.jpg", "", "_top", ""], ["http://mac-photography.co.uk/image9.jpg", "", "_top", ""], ["http://mac-photography.co.uk/image10.jpg", "", "_top", ""], ["http://mac-photography.co.uk/image15.jpg", "", "_top", ""], ["http://mac-photography.co.uk/image11.jpg", "", "_top", ""], ["http://mac-photography.co.uk/image12.jpg", "", "_top", ""], ["http://mac-photography.co.uk/image13.jpg", "", "_top", ""], ["http://mac-photography.co.uk/image14.jpg", "", "_top", ""], ["http://mac-photography.co.uk/image16.jpg", "", "_top", ""], ["http://mac-photography.co.uk/image17.jpg", "", "_top", ""] ], displaymode: {type:'auto', pause:2500, cycles:0, wraparound:false, randomize:false}, persist: false, fadeduration: 500, descreveal: "ondemand", togglerid: "" }) </script> <div id="fadeshow1"></div>

Worked it out now, Apple have closed down their idisk service as of July 30th, moved it to my host and all is fine :)

Hi Guys,

I am having trouble with the slideshow being displayed infront of my category drop out menu. The category opens behind the slide show? Any ideas how to send the slideshow to the back? or get the navigation to show in front of the navigation?

See my URL below to see what I mean: http://www.mem0ry.co.uk

Many Thanks in advance for your advice.

Cheers

I fixed it!! edit the stylsheet.cc and edit the .menu zindex: 100, changed to zindex:1000

Glad you got it:) I've been occupied with work lately and not able to check in as often as I used to.

I wonder if someone can help me? I am trying to use this add on however for some reason none of my slides are displaying. All I get is the loading.gif image and cannot seem to find out what is wrong.

This is the link to my site:

w w w . o u r l i t t l e c o t t a g e s h o p . c o . u k

Any help anyone can give to get this working would be gratefully received.

Thanks

The only thing I can see that could be a problem is that you seem to have jquery called twice (likely by two different mods). Jquery needs to run before any script that uses it, so try removing or disabling the second one (jscript_jquery.js):

<script type="text/javascript" src="includes/templates/olcs_template/jscript/jscript_1_jquery142.js"></script> <script type="text/javascript" src="includes/templates/olcs_template/jscript/jscript_fadeshow.js"></script> <script type="text/javascript" src="includes/templates/olcs_template/jscript/jscript_imagehover.js"></script> <script type="text/javascript" src="includes/templates/olcs_template/jscript/jscript_jquery.js"></script>

gjh42:

The only thing I can see that could be a problem is that you seem to have jquery called twice (likely by two different mods). Jquery needs to run before any script that uses it, so try removing or disabling the second one (jscript_jquery.js):

Hi gjh42,

Thank you so much! The template I am using came with an image slider which I didn't like and therefore removed. Clearly I missed removing this file. Have now removed it and the fadeshow works perfectly.

Really appreciate your help on this one, it's been driving me mad

Lee

Hi,

Have just come across another problem unfortunately. I also use the Zen lightbox-v1.6.4_1.5 add on. This automatically pops up a larger version of a product image on hover over. Unfortunately, for images on my homepage the pop up appears behind the slideshow rather than in front of it. Does any one have any clues on how I may fix this?

Many thanks

Lee