Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • December 4, 2013 at 11:31 pm #196398
    brycenagels

    Hi on my products page I have mouse overs on the images where the link leads to a different page.

    It appears that the mouse overs only appear on 3 out of images?

    http://luma-products.com/products/

    Any ideas why it only works on some images?

    thanks,

    Bryce.

    December 5, 2013 at 1:33 am #196427
    Ismael

    Hey brycenagels!

    I don’t see any roll over on all images when I visited the link. Did you disable the avia_hover_effect?

    Cheers!
    Ismael

    December 5, 2013 at 9:51 pm #196790
    brycenagels

    It definitely appears on the three middle images for me? I tried with both Chrome and firefox with the same results, and if i replace the first image with a copy of the second on it works too? Is there something with the image that doesnt alloe the hover effect for the link?

    December 6, 2013 at 7:52 am #196899
    Ismael

    Hi!

    It doesn’t show up when you didn’t add an animation on the Image element. Edit the image then look for “Image Fade in Animation”.

    Best regards,
    Ismael

    December 6, 2013 at 8:21 am #196908
    brycenagels

    All the images have a fade in animation set… no matter wich option I choose, I still dont ge the green arrow mouse over when I hover over the first and last image link..

    thamks again for your time,

    Bryce.

    December 6, 2013 at 8:29 am #196913
    Ismael

    Hey!

    Please set it again or recreate the first and last images from scratch. Remove browser cache then reload the page a few times.Test it on another browser. The animated images should render html tags like this:

    <img class="avia_image avia_animated_image avia_animate_when_almost_visible top-to-bottom avia_start_animation" src="http://luma-products.com/wp-content/uploads/2013/10/cowpots_logo-300x116.png" alt="" title="" itemprop="contentURL">

    I don’t see this one on the first and last images.

    Regards,
    Ismael

    December 6, 2013 at 8:38 am #196916
    brycenagels

    deleted and reset the images, tested in 3 browsers… still the same.

    Not sure what it is about the images that make them act differently?

    Bryce

    December 7, 2013 at 9:27 am #197262
    Dude

    Hi!

    The reason why the hover effect doesn’t work is that Kriesi checks the height of the image with following code in enfold/js/avia.js

    
if(current.outerHeight() > 100)

    and if the height is smaller than 100px the function won’t apply the hover effect because there’s not enough space for the round icon. You can try to modify the function and replace 100 with i.e. 80 but personally I recommend to upload a bigger version of the image which has a height of at least 101px.

    Regards,
    Peter

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Green mouse over for links only works sometimes?’ is closed to new replies.