Couple of niggling issues - slideshow

[samslystone]

Hi all

I have a little problem with this page:

http://www.caterinabelluardo.com/

The slideshow works fine, but I am having problems telling the "contact" div at the bottom of the page to remain hidden and then to fade up toward the end of the slide show. I must be missing some script here!
In addition, I would like the opportunity to add a rollover image to the last image in the slide show (appearing when user hovers). Is this possible?

Any comments welcome,

S

[Beverleyh]

To fade in #contact, try doing this;

$('#contact').delay(3400).fadeIn(800);

but hide #contact initially with CSS;

#contact { display:none; }

I suppose you could do something similar with an overlaying rollover div (eg. #overlay) positioned on top of the slideshow - something like;

$('#overlay').fadeTo(0,0); // initiall hide #overlay
function showOverlay(){     
	$('#overlay').hover(
    		function(){$(this).stop().animate({opacity:1});},
    		function(){$(this).stop().animate({opacity:0});}
	);
 }
setTimeout(showOverlay,3000) // delay hover function on #overlay for 3 seconds

Demo here: http://fofwebdesign.co.uk/template/_...-fade-div.html

[jscheuer1]

There's a Dynamic Drive script on that page and:

Your page is in violation of Dynamic Drive's usage terms, which, among other things, state that the script credit must appear in the source code of the page(s) using the script. Please reinstate the notice first.

Please change:

<script type="text/javascript" src="fadeslideshow.js"></script>

to:

<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>

[samslystone]

Thank you both! John, I have reinstated the source code, many apologies for the mistake. Beverley, for some reason the 'contact' div is still not fading in. Now it simply remains hidden.

In addition, I am trying to have the last image work as a link to an external webpage. I have added to link but it also doesn't appear to work. Any ideas?

All the best

S

[Beverleyh]

Please view the source code for the demo I posted above and apply it to your page. You can add a hyperlink to the div that I have called #overlay.