Search code examples
lightboxphoto-gallerylightbox2

Adding logo in a photo title of a lightbox


Is it possible to add a logo ie. pic in the footer (photo title/description) of a lightbox. Prototype JavaScript framework, version 1.6.0.2 (http://www.prototypejs.org)

Thank you


Solution

  • You can, editing the lightbox.css (i'm writing this answer based on the Lightox2.0 plugin).

    /* Add this: */
    #imageDetails {
        padding: 0 0 0 40px; /* Width of your image */
        background: #FFF url(your-image.png) top left no-repeat;
    }
    

    Another way is by adding a link to the title attribute (Though not the cleanest way):

    <a href="image.jpg" rel="lightbox" title="<a href='#' class='somelogo'>Link</a>Some text to display"><img src="thumb.jpg" width="100" height="40" alt="" /></a>