Lightbox with transparent png

dannac · Post by **dannac** » Sat Nov 19, 2022 10:08 pm

I have some round picture frames with the middle and outer edges transparent ... saved as png files.

When viewing on site page, transparency works correctly.

When clicking on image to get larger view in lightbox, the transparency is filled with color .... color depends on lightbox used.

I've tried fancybox, magnificpop, prettyphoto, and slimbox ... they all add some type of color to what should be transparent.

Tried linking to an image on my server with

-----correct location between the img tags but have never found a way to make this work-----

Anyone know of a lightbox that would keep the transparency ?

crispy68 · Post by **crispy68** » Sat Nov 19, 2022 10:44 pm

It may not be an issue with the transparency as it is that the lightbox adds a background to the images.

Ones that i've tested out of the box that don't add a background are: mobiletouchgallery, Glightbox (wb18) and unitegallery.

However, it may be possible to change the background of the lightbox if there is a particular one you want to use.

For example, for fancybox you could add the following code to an html box between the <head> tags:

Code: Select all

<style>
#fancybox-content{border:none !important;}
#fancybox-outer{background:transparent !important;}
</style>

This will make the background transparent and remove the white borders.

dannac · Post by **dannac** » Sat Nov 19, 2022 11:50 pm

Thank you very much ... will try that out

www.wysiwygwebbuilder.com

Lightbox with transparent png

Lightbox with transparent png

Re: Lightbox with transparent png

Re: Lightbox with transparent png