Results 1 to 5 of 5

Thread: Ultimate Fade-In Slideshow -- hyperlinks not working

  1. #1
    Join Date
    Nov 2011
    Posts
    9
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Ultimate Fade-In Slideshow -- hyperlinks not working

    1) Script Title: Ultimate Fade-In Slideshow

    2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...nslideshow.htm

    Hello! I love this slideshow--have used it a LOT. But for some reason, the links aren't working on the main Index slideshow, even though it's totally working fine on the mini-slideshow on the same page (here's the link). Please advise when you get a chance--thanks in advance!

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    29,000
    Thanks
    44
    Thanked 3,198 Times in 3,160 Posts
    Blog Entries
    12

    Default

    .

    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.


    Oh and BTW the images/indFade/intClimbing.png image is missing. there is an images/indFade/climbing.png image, that looks like the one you want.

    That all said, the reason is that, although we can see through it, the mouse can't. The:

    Code:
    <img class="sliderFrame" src="images/scrollFrame.png" />
    is covering it.

    You can fix that by removing its z-index. But then the frame won't look as nice, especially during some of the transitions.

    Take care of the missing image (either replace it, use the one I pointed out, or drop it from the slideshow's imagearray) and restore the credit. In the meantime I'll work out a scripted solution so that the frame image can remain 'on top' without blocking the links.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  3. #3
    Join Date
    Nov 2011
    Posts
    9
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Whoa... please accept my humblest of apologies. I apparently cannot read. I have re-instated the script credit in the footer of all pages. (Seriously, I'm really sorry--I have the utmost respect for you.)

    Thanks for pointing out my missing PNG file--turns out I named it incorrectly.

    And the slider frame! Doh! Well, keep me posted on a workaround--the client wants the vast majority of the images to point to the same page, so perhaps I'll just hyperlink the frame itself and call it a day for now.

    You are a gentlemen and a scholar, kind sir.
    -Farrah

  4. #4
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    29,000
    Thanks
    44
    Thanked 3,198 Times in 3,160 Posts
    Blog Entries
    12

    Default

    Thanks for bringing back the script credit, any reason why you couldn't have left it as part of the external script tag? That's not critical though, the way you've done it is acceptable.

    Anyways, here's a workaround, replace:

    Code:
    <script type="text/javascript">
    jQuery(function($){
    var mygallery2=new fadeSlideShow({
    	wrapperid: "fadeshow2", //ID of blank DIV on page to house Slideshow
    	dimensions: [521, 353], //width/height of gallery in pixels. Should reflect dimensions of largest image
    	imagearray: [
    		["images/indFade/oneFam.png", "http://www.gigglesnhugs.com/gallery-centurycity.php", "", ""],
    		["images/indFade/exterior.png", "http://www.gigglesnhugs.com/gallery-centurycity.php", "", ""],
    		//["images/indFade/newLocation5.png"],
    		["images/indFade/oneBday.png", "http://www.gigglesnhugs.com/parties.php", "", ""],
    		["images/indFade/040-5.png", "http://www.gigglesnhugs.com/gallery-centurycity.php", "", ""],
    		["images/indFade/gigglesToGo5.png", "http://www.gigglesnhugs.com/parties-to-go.php", "", ""],
    		["images/indFade/intSeaSerpent.png", "http://www.gigglesnhugs.com/gallery-centurycity.php", "", ""],
    		["images/indFade/spaghetti5.png", "http://www.gigglesnhugs.com/gallery-centurycity.php", "", ""],
    		["images/indFade/intClimbing.png", "http://www.gigglesnhugs.com/gallery-centurycity.php", "", ""],
    		["images/indFade/dailyAct5.png", "http://www.gigglesnhugs.com/gallery-centurycity.php", "", ""],
    		//["images/indFade/dance5.png"],
    		["images/indFade/parfait5.png", "http://www.gigglesnhugs.com/gallery-centurycity.php", "", ""],
    		["images/indFade/intFront.png", "http://www.gigglesnhugs.com/gallery-centurycity.php", "", ""],
    		["images/indFade/salad5.png", "http://www.gigglesnhugs.com/gallery-centurycity.php", "", ""] //<--no trailing comma after very last image element!
    	],
    	displaymode: {type:'auto', pause:4000, cycles:0, wraparound:true},
    	persist: false, //remember last viewed slide and recall within same session?
    	fadeduration: 1000, //transition duration (milliseconds)
    	descreveal: "ondemand",
    	togglerid: "fadeshow2toggler"
    })
    }); // end jquery ready
    </script>
    with (additions highlighted):

    Code:
    <script type="text/javascript">
    jQuery(function($){
    var mygallery2=new fadeSlideShow({
    	wrapperid: "fadeshow2", //ID of blank DIV on page to house Slideshow
    	dimensions: [521, 353], //width/height of gallery in pixels. Should reflect dimensions of largest image
    	imagearray: [
    		["images/indFade/oneFam.png", "http://www.gigglesnhugs.com/gallery-centurycity.php", "", ""],
    		["images/indFade/exterior.png", "http://www.gigglesnhugs.com/gallery-centurycity.php", "", ""],
    		//["images/indFade/newLocation5.png"],
    		["images/indFade/oneBday.png", "http://www.gigglesnhugs.com/parties.php", "", ""],
    		["images/indFade/040-5.png", "http://www.gigglesnhugs.com/gallery-centurycity.php", "", ""],
    		["images/indFade/gigglesToGo5.png", "http://www.gigglesnhugs.com/parties-to-go.php", "", ""],
    		["images/indFade/intSeaSerpent.png", "http://www.gigglesnhugs.com/gallery-centurycity.php", "", ""],
    		["images/indFade/spaghetti5.png", "http://www.gigglesnhugs.com/gallery-centurycity.php", "", ""],
    		["images/indFade/intClimbing.png", "http://www.gigglesnhugs.com/gallery-centurycity.php", "", ""],
    		["images/indFade/dailyAct5.png", "http://www.gigglesnhugs.com/gallery-centurycity.php", "", ""],
    		//["images/indFade/dance5.png"],
    		["images/indFade/parfait5.png", "http://www.gigglesnhugs.com/gallery-centurycity.php", "", ""],
    		["images/indFade/intFront.png", "http://www.gigglesnhugs.com/gallery-centurycity.php", "", ""],
    		["images/indFade/salad5.png", "http://www.gigglesnhugs.com/gallery-centurycity.php", "", ""] //<--no trailing comma after very last image element!
    	],
    	displaymode: {type:'auto', pause:4000, cycles:0, wraparound:true},
    	persist: false, //remember last viewed slide and recall within same session?
    	fadeduration: 1000, //transition duration (milliseconds)
    	descreveal: "ondemand",
    	onslide: function(layer, index){
    		this.ulink.href = layer.getElementsByTagName('a')[index].href;
    	},
    	oninit: function(){
    		var $sw = this.setting.$wrapperdiv, $uw = $sw.parents('#slideshowWrapper');
    		$uw.find('img').eq(0).wrap('<a></a>').css({borderWidth: 0}).add(this.setting.$togglerdiv)
    			.mouseenter(function(){$sw.trigger('mouseenter');})
    			.mouseleave(function(){$sw.trigger('mouseleave');})
    			.find('.next').attr('title', 'Next').end().find('.prev').attr('title', 'Previous');
    		this.ulink = $uw.find('a').get(0);
    	},
    	togglerid: "fadeshow2toggler"
    })
    }); // end jquery ready
    </script>
    You may or may not want the red code. It simply adds 'Next' and 'Previous' as titles for the next and previous buttons.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  5. #5
    Join Date
    Nov 2011
    Posts
    9
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Hi, John!

    Your workaround worked like a charm--a thousand thanks! In response to your credit placement question: it had to do with SEO and search engines crawling content. The reason is not entirely clear to me, but it's my partner's area of expertise, and apparently minimizing the number of characters preceding actual page content helps (however that may be achieved).

    I actually have another thread open on this forum... do you have any expertise regarding the DD Splash Page script? If so, could you take a quick look at my question here? (Please forgive me if this is an inappropriate question--as you can see, I'm very new here and don't mean to offend.)

    Many, many thanks again,
    Farrah

Similar Threads

  1. Resolved Ultimate Fade-in slideshow sometimes not working
    By snstar2006 in forum Dynamic Drive scripts help
    Replies: 1
    Last Post: 11-30-2011, 10:28 PM
  2. 'Ultimate Fade Slideshow v2.0' not working?
    By imimin in forum Dynamic Drive scripts help
    Replies: 6
    Last Post: 05-06-2011, 01:06 AM
  3. Ultimate Fade out slideshow v. 2.4 not working
    By eoinjohn1981 in forum JavaScript
    Replies: 3
    Last Post: 03-08-2011, 03:57 PM
  4. Ultimate Fade-in slideshow not working in IE
    By flapjacks in forum JavaScript
    Replies: 5
    Last Post: 03-06-2011, 07:16 PM
  5. Ultimate Fade-in slideshow not working
    By tralaladdy in forum Dynamic Drive scripts help
    Replies: 4
    Last Post: 10-10-2008, 04:43 PM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •