-
AuthorPosts
-
March 4, 2017 at 12:49 pm #755588
Hi there,
concerning the image overlay I have two questions:
1. apart from doing it by editing CSS is there another option to remove the overlay effect on linked images on certain images? In some cases I simply don´t want any overlay effect at all.
2. I recognized that sometimes there IS NO image overlay in linked images but I cannot see a pattern. See https://www.der-prinz.de/web-hosting/ the third logo (all-inkl.com) does not show an overlay whilst all others show the overlay. They are all PNG images and all are linked to a URL. So why is that?
Cheers
MIchaelMarch 4, 2017 at 1:31 pm #755593seems to be a matter of image size ( all-inkl is only 116px of height – all others have more) –
i don’t know where the display: none comes from. maybe there is a height limit for that in code.
you can force to show it by:.image-overlay.overlay-type-extern { display: block !important; top: 0; }
but as i see you want to get rid off all overlay effects.
Why is a css solution not wanted by you? give a custom class to those images …March 4, 2017 at 1:34 pm #755594Hey Günni,
I´m not saing CSS is not an option. I just wanted to know if there is a setting for that like “Switch off image overlay for this image”.Anyway I might do it by CSS. Not a big thing.
March 4, 2017 at 1:41 pm #755595i found something here on avia.js on line 735
if(outerH > 100) { if(!overlay.length) { overlay = $("<span class='image-overlay "+span_class+"'><span class='image-overlay-inside'></span></span>").appendTo(link); } //can be wrapped into if !overlay.length statement if chrome fixes fade in problem if(link.height() == 0) { link.addClass(_self.className); _self.className = ""; } if(!linkCss || linkCss == 'inline') { link.css({display:'block'}); } //end wrap overlay.css({left:(pos.left - overlay_offset) + parseInt(current.css("margin-left"),10), top:pos.top + parseInt(current.css("margin-top"),10)}) .css({overflow:'hidden',display:'block','height':outerH,'width':(outerW + (2*overlay_offset))}); if(cssTrans === false ) overlay.stop().animate({opacity:opa}, 400); } else { overlay.css({display:"none"}); }
but this does not help you i know
March 4, 2017 at 1:47 pm #755596Nevermind. I went the dirty way and added a class .nooverlay the the image element
/* Remove image link overlay */ .nooverlay span.image-overlay {display: none!important;}
March 6, 2017 at 6:47 am #756177Hi,
Great, glad you found a solution. Thanks @guenni007 for helping out :-)
Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
RikardMarch 6, 2017 at 9:15 am #756255Yes, you can close it
March 7, 2017 at 7:13 am #756793 -
AuthorPosts
- The topic ‘Image (link) overlay questions’ is closed to new replies.