Codeinwp / Nivo-Slider-jQuery

Nivo Slider - The Most Awesome jQuery Image Slider
http://docs.themeisle.com/article/485-getting-started-with-the-nivo-slider-jquery-plugin
MIT License
1.25k stars 605 forks source link

image hyperlinks not working #308

Open jrichview opened 12 years ago

jrichview commented 12 years ago

Slideshow ALMOST working, but clicking the image does not take you to the page. Next/prev buttons seem to have taken over all mouse clicks?

Layout:

<div id="promo" class="slider-wrapper theme-default"> <div id="slideshow-slider" class="nivoSlider"> <a href="/page1.aspx"><img src="/Shared/Images/promo-1.jpg" width="539" height="288" alt="blah" /></a> <a href="/page2.aspx"><img src="/Shared/Images/promo-2.jpg" width="539" height="288" alt="blah blah"/></a> <!-- etc. --> </div> </div>

Startup JS code:

    $(window).load(function () {
        $('#slideshow-slider').nivoSlider({
            effect: 'slideInLeft', // Specify sets like: 'fold,fade,sliceDown'
            animSpeed: 800, // Slide transition speed
            pauseTime: 3000, // How long each slide will show
            startSlide: 0, // Set starting Slide (0 index)
            directionNav: true, // Next & Prev navigation
            directionNavHide: true, // Only show on hover
            controlNav: true, // 1,2,3... navigation
            controlNavThumbs: false, // Use thumbnails for Control Nav
            pauseOnHover: false, // Stop animation while hovering
            manualAdvance: false, // Force manual transitions
            randomStart: true, // Start on a random slide
        });
  });   

Is it intentional that if you enable next/prev buttons the hyperlinks for the images won't work?

mbarchein commented 11 years ago

I have this same issue in IE10 (and probably older too). It seems that "something" is over the image and the chick doesn't get it's target.

mbarchein commented 11 years ago

This pull fixes the problem https://github.com/michaelw90/Nivo-Slider/commit/df397fece20b34da84a1d65cac9dde70829acada