PDA

View Full Version : Ultimate Fade-in slide show v2.4 not showing in up IE, Opera, or Safari



robertvanderveken
03-19-2012, 01:34 PM
1) Script Title: Ultimate Fade-in slide show v2.4

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.htm

3) Describe problem:
The problem i am having is this worked perfectly fine on friday and this morning it is not working in IE, Opera, or Safari

It works great in firefox and chrome

I have been trying to debug all morning and haven't figured it out

Someone Please help


here is my link
http://www.staging.impressionsmedia.biz/

jscheuer1
03-19-2012, 03:23 PM
You've hacked up that script a bit trying to get it to do what you want, eh? As a result you have a not too cross browser version.

This seems to work -


Revert to the original version of the script.


Put this stylesheet in the head of the page:


<style type="text/css">
#fadeshow1, #fadeshow2, #fadeshow3, .gallerylayer {
background: transparent !important;
}
</style>


Get rid of all of the blank entries in the imagearray arrays, or use a transparent .gif image for each of them. Example, if you keep them:


imagearray: [
["blank.gif", "" ],
["http://staging.impressionsmedia.biz/test/slideshow/1.jpg", "http://staging.impressionsmedia.biz/test/slideshow/1-large.jpg" ],
["blank.gif", "" ],
["http://stagin . . .

Add this declaration once at the beginning of the script where you declare the slideshows on the page (addition highlighted):


<script type="text/javascript">
fadeSlideShow.gals = 0;
var mygallery=new fadeSlideShow({
wrapperid: "fadeshow1", //ID of blank DIV on page to house Slideshow
dimensions: [490, 214], //width/height of gallery in pixels. Should reflect dimensions of largest image
imagearray: [
["http://stagi . . .


Add this at the end of each new FadeSlideShow declaration, example:


. . . ressionsmedia.biz/test/slideshow/10.jpg", ""]
],
displaymode: {type:'auto', pause:1030, cycles:0, wraparound:false},
persist: false, //remember last viewed slide and recall within same session?
fadeduration: 500, //transition duration (milliseconds)
descreveal: "ondemand",
togglerid: "",
oninit: function(){
if(++fadeSlideShow.gals === 3){
jQuery('.gallerylayer a').attr('rel', 'lightbox');
}
}
})

Don't miss the added comma (red) after the togglerid value.


The browser cache may need to be cleared and/or the page refreshed to see changes.

robertvanderveken
03-19-2012, 04:13 PM
Thank you so much.

That worked great for those 3 browsers but now i am getting a weird black ghosting effect in firefox on the PC

it isn't doing it on firefox on the mac

and it's only firefox

when i set the background to white on the fadeshow.js

I get overlap of my images but when you set it to none or transparent i get the black blinking in firefox