WordPress.org

Ready to get started?Download WordPress

Forums

WP jQuery Lightbox
[resolved] A few features thoughts, e.g. detect attached photos (10 posts)

  1. owh
    Member
    Posted 1 year ago #

    Another wonderful plugin from ulfben. Thanks!

    I have tried a good number of lightbox plugins and this one stands out. I can't be exhaustive, but this one stays.

    It 'really' works on mobile devices! Scales in both portrait and landscape mode. I have tested it on iPhone 4 and Samsung tab 7. And it works on desktop, of course!

    It is clever enough to display the 'right' photos within the context. How do you do that?! When in excerpt view, say there is one photo, it displays that one only. When in full post view, say there are more photos, it has all those photos in the queue. It 'almost' works with WordPress gallery, although it will include all photos in the post (not just those in the gallery; some are repeated).

    A few features that I am still looking for, I wonder if they can be achieved through this plugin?
    1. Say I have only one photo inserted in the post, but I want the lightbox to queue all 'attached' photos. I don't like the clutter of having gallery, neither have I found a slideshow plugin that suit my taste. So, this feature will become handy.
    2. The ability to do slideshow. Similar to above, but automatically go through the photos/slides. I know it will be asking too much to have the scrolling thumbnails below.
    3. I have read in another post the request to group photos into gallery. I believe the author is working on it. Will it be possible for this plugin to work with WordPress gallery, i.e. gallery can be used to 'group' photos?
    4. At the moment, the 'next' icon appears when the mouse hover over the image. On mobile devices, there's no hover. So, users will have to 'know' to just touch the right side of the photo to advance to next photo. After then, the next icon is seen. Will it be possible to make the 'next' icon appears by itself when it is on mobile devices (i.e. no hover ability)?
    5. I have read in another post asking about using the lightbox for non image content. If this plugin can do that, then it will be the ONLY plugin I need for lightboxing. Well, it is the only lightbox plugin I keep at the moment. But I am getting itchy to try lightboxing other content, e.g. another webpage, video.

    I know I am asking too much. Even at current state, it is a wonderful lightbox plugin. Thanks again!

    http://wordpress.org/extend/plugins/wp-jquery-lightbox/

  2. ulfben
    Member
    Plugin Author

    Posted 1 year ago #

    1. can be achieved easily; simply insert empty anchor tags for your images. Eg: <a href='apic.jpg' title="a title"></a>

    This could be more convenient, but I doubt I'll spend any time with it.

    2. Maybe. I generally dislike slideshows, but have had a couple of instances where it would indeed be very useful. I'm probably adding this.

    3. grouping will happen.

    4. There's a setting specifically to add instructions to your lightbox, in case you feel your visitors might be confused. I don't like the idea of having clutter on top of the photos.

    Maybe add a specific CSS rule for mobile devicses, and a setting to control the behaviour from the control panel?

    5. non image content will not happen unless Mr. Krewinki add features to the original. Partly because I'm sure I would make a mess off it, and partly because I want the plugin to be compact and purpose built.

    Thanks for your input!

  3. ulfben
    Member
    Plugin Author

    Posted 1 year ago #

    An update four point 4: after implementing swipe gestures for the lightbox today, I feel it would be redundant to always display next/prev-icons for mobile users.

    If you absolutely want the arrows visible at all times, just hack the CSS rules and you're golden.

  4. owh
    Member
    Posted 1 year ago #

    Hey

    Indeed. With current highly swipe literate generation, the next/prev icons can be irrelevant. The only purpose they can serve is the indication of more pics in the queue.

    By the way, I completely missed your earlier reply. Many thanks!

  5. owh
    Member
    Posted 1 year ago #

    Sorry, the indication of more pics in the queue already displayed at the bottom of the frame. So, yes, 4 is completely irrelevant now.

  6. ulfben
    Member
    Plugin Author

    Posted 1 year ago #

    New release with slideshow support is out now. Enjoy. :)

  7. owh
    Member
    Posted 1 year ago #

    Cool, ya, it works! Thanks!

    I notice the images are taking a long time to load in the lightbox. I am not sure where is the problem yet (I thought I have reduced the image size when I upload), I have to do some tests. May be not so soon, have to do other works.

    Thanks for the great plugin.

  8. owh
    Member
    Posted 1 year ago #

    Sorry, it is the linked image size that is taking time to load.

    It is unfortunate that WordPress native media uploader, until now, has only convenient link to original file (no selection of thumbnail, e.g. large) unless we are willing to modify the linked url individually (or a plugin, which I haven't identify one that work in my setting). So, for those images that I didn't reduce before upload, they will pop up slow.

    I wonder if your plugin can supplement this missing functionality in WordPress native media uploader. With plenty of bandwidth here while realizing viewers have limited bandwidth, my ideal workflow for handling image is: (1) upload full resolution image (for keeping and future thumbnail regeneration); (2) insert medium size image in post (for fast browsing experience); (3) link to large size image (for larger view). WordPress media uploader allows me to do (1) and (2) but not (3). WordPress mobile app handle images rather thoughtlessly by fixing all three into the same selected size defeating the purpose of generating multiple thumbnail sizes.

    A few thoughts from user point of view (obviously, easier said than done when thinking as developer):
    1. An option to allow the lightbox to load selected size of thumbnail (e.g. large) rather than the linked file (which may be at full resolution).
    2. At the moment, the display goes blank with loading image (rolling animation) when the slideshow loads the next image. This gives sluggish feel (although it's the image size that causes the problem). I wonder if there is way to load the next image while current image is being displayed (hence the timing setting will be adjusted accordingly).
    3. To further reduce unnecessary delay and data usage to load large image to be displayed on small screen (e.g. mobile devices), I wonder if it will be possible to dynamically select and load appropriate thumbnail size in accordance to the intended display size. In this way, users can choose to capitalize this ability to speed up their website image loading by generating different sizes of thumbnails.
    4. Another user experience point. The swipe works but it didn't feel like a swipe. Perhaps an animation of the image sliding left/right will enhance that feeling.

    Sorry for the long comments. This is a great plugin. Thanks again!

  9. ulfben
    Member
    Plugin Author

    Posted 1 year ago #

    It is unfortunate that WordPress native media uploader, until now, has only convenient link to original file (no selection of thumbnail, e.g. large) unless we are willing to modify the linked url individually

    There are probably some plugins around to address that for you. Likely something that just inlines thumbs.php with your jpg-urls, generating the correct size on the fly.

    I might have a look at adding other "Link to"-targets though.

    2. [...] I wonder if there is way to load the next image while current image is being displayed

    It does this. If your images are huge, obviously they won't be in place before you get to them. But preloading is there. Stay on the first image for long enough and you'll have the entire rest of the set ready for instantaneous display.

    3. To further reduce unnecessary delay and data usage to load large image to be displayed on small screen (e.g. mobile devices), I wonder if it will be possible to dynamically select and load appropriate thumbnail size in accordance to the intended display size.

    No. There is no such thing as an "intended display size". Resolution on devices is a virtual concept. You must think in terms of viewport, and the viewport can be way larger than the machine.

    This is impossible to do well, and it is also way out of scope for a lightbox.

    4. [...] Perhaps an animation of the image sliding left/right will enhance that feeling.

    That might be doable.

  10. owh
    Member
    Posted 1 year ago #

    Thanks again for the information. I have checked out plugins to link to other thumbnail sizes but somehow non of them seem to do the job I needed; can't really remember much. Anyway, glad to hear there will be more to come in this plugin.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags

No tags yet.