Live data from Hacker News

Full CSS3 Lightbox - Absolutely no JavaScript

playground.deaxon.com

101–110 of 114 posts

Re: Full CSS3 Lightbox - Absolutely no JavaScript

#101
post #27

Is it just me or is the Lighbox effect really annoying? What's wrong with middle-clicking an image and having it open in a new tab?

"What is middle click?" - my grandma, who has a scroll wheel in the middle of her mouse

I also have a scroll wheel, but that scroll wheel is clickable

Re: Full CSS3 Lightbox - Absolutely no JavaScript

#102
post #64

Earlier quoted context omitted.

Worse is when there's a series of images being displayed in a lightbox and because the whole thing "needs" to be centered and the navigation is not absolutely positioned, the next and previous buttons move around on the screen.

Yeah, I forgot about that one, which is by far the most annoying. Often times I have to scroll down a page just to get to the nav buttons. Down with lightbox!

These are all criticisms of bad implementations of lightboxes. Used correctly, they can be quite useful. The trick is to realize that you're interrupting whatever other workflow the user is considering on this site.

For example, a lightbox that fades when you scroll the page might be less invasive.

Re: Full CSS3 Lightbox - Absolutely no JavaScript

#103
post #82
post #24

So I will get lightboxed even with my no-javascript browsing habits? I liked that most sites simply serve the direct image url to me. Lightbox is an annoying eye-candy.

A lightbox is really just an implementation of a 'modal dialog / window' - which is useful, because it demands the user's attention before it can be dismissed. Being able to produce such a window in web applications could be useful in many situations - we don't need to limit them to image display. The fact that 'lightboxes' have been abused / over-used, isn't a reason to dismiss the technology.

"The fact that 'lightboxes' have been abused / over-used, isn't a reason to dismiss the technology."

Kind of like Flash :)

Re: Full CSS3 Lightbox - Absolutely no JavaScript

#104
post #88

This is pretty cool. Suggestions: - respect my back button [1] - allow me to click outside the picture or press esc to close the lightbox - allow middle-click to open the image directly [1] We can argue about transitions and correct behavior all day, but this implementation is different from other lightboxes I've seen, and thus it is "broken" to me.

> allow me to click outside the picture or press esc to close the lightbox

Word. I always make my lightboxes to close on ESC. I hate when I'm forced to click some tiny random-located icon.

Re: Full CSS3 Lightbox - Absolutely no JavaScript

#105
post #24

So I will get lightboxed even with my no-javascript browsing habits? I liked that most sites simply serve the direct image url to me. Lightbox is an annoying eye-candy.

A lightbox is actually just a modal window which elegantly responds to user interaction: the user wanting to view a larger version of the image. I actually think it's way more elegant and userfriendly than a hardlink to the image which distracts you way more from your browser experience than a lightbox.

Re: Full CSS3 Lightbox - Absolutely no JavaScript

#106

Is it just me or is the Lighbox effect really annoying? What's wrong with middle-clicking an image and having it open in a new tab?

Another problen is that laptops dont have a middle click. And Ctrl clicking with on a laptop with the trackpad is really annoying.

My main reading device for HN and subsequentially this demo is my ipad. Tabs or middle-clicks aren't available, not even a right-click. For this platf orm lightboxes are great as long as they fit the screen.

Re: Full CSS3 Lightbox - Absolutely no JavaScript

#107
post #103
post #82

Earlier quoted context omitted.

A lightbox is really just an implementation of a 'modal dialog / window' - which is useful, because it demands the user's attention before it can be dismissed. Being able to produce such a window in web applications could be useful in many situations - we don't need to limit them to image display. The fact that 'lightboxes' have been abused / over-used, isn't a reason to dismiss the technology.

"The fact that 'lightboxes' have been abused / over-used, isn't a reason to dismiss the technology." Kind of like Flash :)

exactly like flash, imho. I went so far as to remove it from my system completely.

Re: Full CSS3 Lightbox - Absolutely no JavaScript

#108
post #24

So I will get lightboxed even with my no-javascript browsing habits? I liked that most sites simply serve the direct image url to me. Lightbox is an annoying eye-candy.

You turn javascript off to get rid of lightboxes? I can kind of understand that, but you're also turning off lots of functionality in modern websites/apps. It's like blowing your leg off because your little toe annoys you.

Re: Full CSS3 Lightbox - Absolutely no JavaScript

#109
post #87

Earlier quoted context omitted.

If the close button had an 'onclick="javascript:history.back()"' attached to it, we wouldn't have this problem :) [We can argue the pureness of the demo after that till the end of time though.]

Another option, without the need for javascript would be to use the hover pseudo-class to display images instead of an anchor link.

I would guess it'll be ridiculously inconvenient if simply mousing over the images turned them modal with 2 second transitions.

Re: Full CSS3 Lightbox - Absolutely no JavaScript

#110
post #89

Dont like how when i press the back button i get a history of pictures i have viewed. If i am at liberty to choose whichever picture i want then i dont need the back button to preserve my selection history. When i click back, i want to go BACK to the site i just came from. I assume this isnt some bug or some flaw, and that it can probably be coded to behave differently, but as things stand that would prevent me from…

It's funny you say this, because preserving state and history is one the the things JS-based solutions tend to lack. Check this out: http://playground.deaxon.com/css/lightbox/#pic3 That's a permalink to an individual lightboxed photo. No JS, no server-side magic. Colour me very impressed.

This also allows for the middle-click user flow.
Post reply on HN