NIVO SLIDER - Make a slide a link?

问题

Is it possible to make a slide a link in NIVO SLIDER?

回答1:

Yes, just wrap the image in an anchor tag <a>

<div id="slider">
    <img src="media/images/headers/phono1.jpg" alt="No Link" />
    <a href="http://www.pinelakedesign.com"><img src="media/images/headers/photo2.jpg" title="Linked Up" /></a>
</div>

回答2:

well, dont know if it is the same, but....

i had a problem with links in IE all versions,other browsers were working OK, solved with adding:

background-color:#fff; 
filter:alpha(opacity=0); 
/other than IE/ 
-moz-opacity:0;
-khtml-opacity: 0;
opacity: 0;

to the .nivoSlider a.nivo-imageLink of the nivo-slider.css

hope it will help someone...

回答3:

I just added "z-index: 101" to .nivo-imageLink. Works for me.

回答4:

Just adding anchor tags worked for all browsers/versions except IE. The solution by Nejc Menard above worked perfectly for me.

Others did not.

We are currently running: jQuery Nivo Slider v3.1 with jquery-1.7.1.min.js

Sorry Nejc: Was not able to comment on Nejc's answer.. as I'm a new badger to this site.

回答5:

Adding this in my .css file fixed the problem: .nivoSlider a.nivo-imageLink{opacity:0 !important;}

来源：https://stackoverflow.com/questions/3934454/nivo-slider-make-a-slide-a-link