I currently have the Nivo Slider working on my homepage, however the slice divs are covering up the <a> tag making so I can't click on any of the images, or text links.
I have played with the z-index's - if i set the slices z-index to -1 the linking works, but it breaks the animation as the caption and image rotate at different speeds.
Oddly enought, when you first load the page the first slide works as intended, however beyond that it does not.
I have looked into the javascript library for the slider, but its pretty tough to dig into.
Has anyone experienced this problem? Have a solution?
Wow, had a bit of a tough time figuring out where the slider was (missing those bullets that indicates what slide is active and how many more there are).
However playing around with the inspector in Chrome I found out that if you do this...
Issue with Image URL - Slice covers link
Hi,
I currently have the Nivo Slider working on my homepage, however the slice divs are covering up the <a> tag making so I can't click on any of the images, or text links.
Seen here: http://regulus.mountaininteractive.ca/
I have played with the z-index's - if i set the slices z-index to -1 the linking works, but it breaks the animation as the caption and image rotate at different speeds.
Oddly enought, when you first load the page the first slide works as intended, however beyond that it does not.
I have looked into the javascript library for the slider, but its pretty tough to dig into.
Has anyone experienced this problem? Have a solution?
Thanks,
Owen
Hi Owen
Is the nivo slider stuff still live?
Wow, had a bit of a tough time figuring out where the slider was (missing those bullets that indicates what slide is active and how many more there are).
However playing around with the inspector in Chrome I found out that if you do this...
.h3panels a{
position:relative;
z-index:1000
}
the link is actually clickable.
Hope this helps.
/Jan
Hi Jan,
Sorry! I sped the slider up a bit so you can see the transition effect. http://regulus.mountaininteractive.ca/
The slider is actually by "Recent Work" where the computer is, and the caption is to the right.
If you notice on first load the first frame is selectable, however the "slice" transition effects then block all elements behind it!
Thanks for you help!
Owen
is working on a reply...