Copied to clipboard

Flag this post as spam?

This post will be reported to the moderators as potential spam to be looked at


  • Owen Hope 119 posts 140 karma points
    Feb 03, 2012 @ 19:00
    Owen Hope
    0

    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

  • Jan Skovgaard 11264 posts 23594 karma points MVP 9x admin c-trib
    Feb 03, 2012 @ 21:06
    Jan Skovgaard
    0

    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

  • Owen Hope 119 posts 140 karma points
    Feb 03, 2012 @ 21:30
    Owen Hope
    0

    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

Please Sign in or register to post replies

Write your reply to:

Draft