Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #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
    MIchael

    #755593

    seems 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 …

    #755594

    Hey 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.

    #755595

    i 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

    #755596

    Nevermind. 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;}
    #756177

    Hi,

    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,
    Rikard

    #756255

    Yes, you can close it

    #756793

    Hi,

    Thanks for letting us know. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Image (link) overlay questions’ is closed to new replies.