0

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

mko
  • 6,638
  • 12
  • 67
  • 118

1 Answers1

1

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>
ramono
  • 462
  • 5
  • 16
  • that is sort of a solution, but there is an issue if one would use different logo on different photo, or different set of photos on one page. What about adding a link instead of a logo? Is that possible without interfering with html code of a parent page? – mko Jul 12 '11 at 14:51
  • I Have added a link within the title attribute. Maybe with a class you can add the logo to the link. – ramono Jul 12 '11 at 14:58
  • How did you add a link within the title. Could you paste the code? – mko Jul 12 '11 at 15:04
  • Yes I have the same thing, but doesn't it look ugly when all this code pops up when hoovering over thumbnail? – mko Jul 12 '11 at 15:41
  • Yes, it does. The other way around that is to change the plugin code to add a class or something to the divs, I'm sure it's not too hard. – ramono Jul 12 '11 at 21:40