[Plugin: Simple Lightbox] Close if click on image?

  • Resolved bgr

    (@bgr)


    15 years, 2 months ago

    Hey there,
    If we’re uploading images bigger then the users browser window it can be difficult to close. So I’d like to close the thing if the user clicks anywhere on the image. How can I do that? A quick look on the plugin source didn’t give me the hoped simple answer. So khm… help! 🙂
    Cheers.

    http://ww.wp.xz.cn/extend/plugins/simple-lightbox/

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Archetyped

    (@archetyped)

    15 years, 2 months ago

    Yes, that can be a bit of a quandry.

    The problem is that the clicking on the image is used for navigating through multiple images. Clicking on the left half navigates to the previous image, while clicking on the right half navigates to the next image.

    Changing this behavior in situations where there is only one image to display is not a good option because it can confuse the user (closes the lightbox when they think it should navigate to another image or vice versa).

    One option is to make/modify a theme where the close button is always visible. Simple Lightbox themes are very easy and only require a bit of HTML and CSS.

    Here are a few resources.
    Theme layout
    Registering themes

    Hope this helps. Let me know if you have any other questions.

    Thread Starter bgr

    (@bgr)

    15 years, 2 months ago

    Thanks for the ideas (nicely designed site behind those links BTW). The thing is that I’m pretty sure I want it to work that way (to close it on click). I’m not using the gallery features of the plugin at all, single pictures only.
    But now I get it, it’s not that simple. And I don’t want to make you rewrite the whole plugin.
    I’m going to do it anyway, so if you could help me out with some function names, or any clue about where to look, you could save me some time 🙂
    Cheers mate.

    Plugin Author Archetyped

    (@archetyped)

    15 years, 2 months ago

    Some quick tips:

    • Replace /js/lib.js with /js/dev/lightbox.js (i.e. copy the file to /js/ and rename it to lib.js)
    • Remove default event handlers in setEvents() and add one to close the lightbox when it is clicked. You can use the event handler for slbClose in this method as a guide.

    Hope this helps.

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘[Plugin: Simple Lightbox] Close if click on image?’ is closed to new replies.