PDA

View Full Version : Resolved Ultimate Fade-in slideshow (v2.4) appears over navigation links



Hybride
07-07-2010, 01:46 PM
1) Script Title: Ultimate Fade-in slideshow (v2.4)

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

3) Describe problem:

Hi, I'm using the Ultimate Fade-in slideshow script on my website (which is a very good script indeed) but I've run into a problem, the slideshow appears on top (over) of my pop-out navigation, have a look at the problem here: http://www.misteliquid.co.uk/index.php?_a=viewDoc&docId=15

(e.g. scroll over "E-Cigarette Starter Kits" and notice that the pop-out links appear behind the image)

Is there anyway I can make the navigation links on top? Thank you in advance! :)

azoomer
07-07-2010, 03:06 PM
You can add this to your css


#fadeshow2 {
z-index: 1;
}

Hybride
07-07-2010, 03:20 PM
Thank you so much, I just noticed the z-index was set to 1000 in the slideshow's JS file and so I set the navigation links to 1010 and this resolved the problem :)

fdelarue
07-07-2010, 10:02 PM
Hello Everyone,
I wish someone could help me with an issue with <div>
I used the link provided by Dynamicdrive.com for a slideshow on my webpage and it works wonderful on Firefox and Safari but it just will not appear at all on IE8.
I have tried so many things and am not a developer :) I just need some help.

Can anyone go to http://milliondollarviewhome.com and let me know what I did wrong.
This is the script that I use:

<script type="text/javascript" src="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: [448, 328], //width/height of gallery in pixels. Should reflect dimensions of largest image
imagearray: [
["http://milliondollarviewhome.com/Angelps.jpg", "", "", "'The Angel on the San Jacinto Mountain'"],
["http://milliondollarviewhome.com/NEW 031.jpg", "", "", "Panoramic Views from Desert Hot Springs, CA"],
["http://milliondollarviewhome.com/NEW 032.jpg", "", "", "Serenity Views"],
["http://milliondollarviewhome.com/poolview.jpg", "", "", "Luxury Living"],
["http://milliondollarviewhome.com/million$viewhome.jpg", "", "", "Living at Its Best"],
["http://milliondollarviewhome.com/IMG_3399.JPG", "", "", "Palm Springs, CA"],
["http://milliondollarviewhome.com/DSC05458.jpg", "", "", "Romantic Sunsets"],
["http://milliondollarviewhome.com/missionshore view.jpg", "", "", "Great Community Living"],
["http://milliondollarviewhome.com/winterps.jpg", "", "", "Great Sunsets"],//<--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: 2000, //transition duration (milliseconds)
descreveal: "ondemand",
togglerid: "",
onslide: function(){
if(this.setting.currentstep === this.setting.totalsteps - 1){
this.navigate(this.setting.imagearray.length - 1);
}
}
})

</script>


then where i want it to appear: <div id=fadeshow1></div>

Thanks for your help in advance.
Take Care.
Fred

azoomer
07-07-2010, 10:45 PM
you probably only need to remove a single comma. Delete the red comma in this paragraph, just before it says: no comma
["http://milliondollarviewhome.com/winterps.jpg", "", "", "Great Sunsets"],//<--no trailing comma after very last image element!
and it should be working fine

Regina2010
12-26-2010, 06:21 PM
Hello,

I have built in two examples of this Fadein-Slideshow 2.0 (don't know where to find 2.4) and it is working fine on Mozilla Firefox.
Then I have checked everything I can imagine and it just won't appear on IE8.
Only the arrows for prev and next show up. And IE8 says there is an error on this page!

Would somebody have a look on my page and the code below:
http://www.enso-verlag.de/html/test2.html

Thank you in advance and best wishes from Germany
Regina




<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

<script type="text/javascript" src="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: [200, 200], //width/height of gallery in pixels. Should reflect dimensions of largest image
imagearray: [
["../assets/images/B1200.JPG"],
["../assets/images/B2200.JPG"],
["../assets/images/B3200.JPG"],
["../assets/images/B4200.JPG"] //<--no trailing comma after very last image element!
],
displaymode: {type:'auto', pause:5000, cycles:0, wraparound:false,},
persist: false, //remember last viewed slide and recall within same session?
fadeduration: 800, //transition duration (milliseconds)
descreveal: "none",
togglerid: ""
})
var mygallery2=new fadeSlideShow({
wrapperid: "fadeshow2", //ID of blank DIV on page to house Slideshow
dimensions: [200, 200], //width/height of gallery in pixels. Should reflect dimensions of largest image
imagearray: [
["../assets/images/B1200.JPG"],
["../assets/images/B2200.JPG"],
["../assets/images/B3200.JPG"],
["../assets/images/B4200.JPG"] //<--no trailing comma after very last image element!
],
displaymode: {type:'manual', pause:2500, cycles:0, wraparound:false},
persist: false, //remember last viewed slide and recall within same session?
fadeduration: 500, //transition duration (milliseconds)
descreveal: "always",
togglerid: "fadeshow2toggler"
})
</script>

jscheuer1
12-26-2010, 06:57 PM
You have an extra comma (red) here:


<script type="text/javascript">

var mygallery=new fadeSlideShow({
wrapperid: "fadeshow1", //ID of blank DIV on page to house Slideshow
dimensions: [200, 200], //width/height of gallery in pixels. Should reflect dimensions of largest image
imagearray: [
["../assets/images/B1200.JPG"],
["../assets/images/B2200.JPG"],
["../assets/images/B3200.JPG"],
["../assets/images/B4200.JPG"] //<--no trailing comma after very last image element!
],
displaymode: {type:'auto', pause:5000, cycles:0, wraparound:false,},
persist: false, //remember last viewed slide and recall within same session?
fadeduration: 800, //transition durat . . .

Get rid of it.

Regina2010
12-26-2010, 08:54 PM
Thank you John, I try that.

I did, but nothing appears... Still there is the notice: there is an error on this page (?)
Regina

Regina2010
12-26-2010, 09:05 PM
John, You are great!
I just didn't transfer it! Now it works.....

Thank you so much.
Regina