Earlier quoted context omitted.
- Works well in Chrome / Safari. - Works without transactions in Firefox - Does not work in Internet Explorer 6, 7, or 8.
> Does not work in Internet Explorer Enough said (unfortunately).
Finally a reason to use IE!
Full CSS3 Lightbox - Absolutely no JavaScript
51–60 of 114 posts
Re: Full CSS3 Lightbox - Absolutely no JavaScript
#52can someone post a screenshot of this in IE6
Re: Full CSS3 Lightbox - Absolutely no JavaScript
#53So 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.
I don't mind it if it's snappy and the image loads almost instantaneously, which is what I got when viewing this demo. Typically, with javascript, I'd have to wait a few seconds for the loading-wheel to spin until the image finally loads. Not that I can't wait a few seconds; it's just annoying.
Re: Full CSS3 Lightbox - Absolutely no JavaScript
#54Earlier quoted context omitted.
"What is middle click?" - my grandma, who has a scroll wheel in the middle of her mouse
"It means click the button in the middle" If she can use a computer and browse the web, she can learn to use the mouse she owns. [Note: props to your grandma] Edit: Wait, maybe you're referring to a mouse that has the wheel but the wheel isn't a button? In that case, the GP could have said "right click, open image" rather than "middle click". Same thing.
Arh, but then she will forget how to left click and we will be back to square one.
Re: Full CSS3 Lightbox - Absolutely no JavaScript
#55Out of curiosity, what is the point of a "light box"? I tend to open lots of images into new tabs while I'm reading articles, and it's really annoying to have the rest of the article go black when I do.
Re: Full CSS3 Lightbox - Absolutely no JavaScript
#56Earlier quoted context omitted.
"What is middle click?" - my grandma, who has a scroll wheel in the middle of her mouse
"It means click the button in the middle" If she can use a computer and browse the web, she can learn to use the mouse she owns. [Note: props to your grandma] Edit: Wait, maybe you're referring to a mouse that has the wheel but the wheel isn't a button? In that case, the GP could have said "right click, open image" rather than "middle click". Same thing.
I recently noticed that a surprising number of people around me don't know that middle click opens links in a new tab.
Most of them use the right click drop down option.
Re: Full CSS3 Lightbox - Absolutely no JavaScript
#57Earlier quoted context omitted.
"It means click the button in the middle" If she can use a computer and browse the web, she can learn to use the mouse she owns. [Note: props to your grandma] Edit: Wait, maybe you're referring to a mouse that has the wheel but the wheel isn't a button? In that case, the GP could have said "right click, open image" rather than "middle click". Same thing.
I recently noticed that a surprising number of people around me don't know that middle click opens links in a new tab. Most of them use the right click drop down option.
I always used Ctrl-Left Click
Re: Full CSS3 Lightbox - Absolutely no JavaScript
#58Earlier quoted context omitted.
What you just said makes no sense. If a button doesn't follow what the users expect to happen then the button is broken!
Not true. A back button is meant to "go back to previous state". When you click a link, then back, you will go back to the previous page or position on the same page depending on the link you clicked. Similarly, if you enable a lightbox and your page goes behind a modal image, hitting back will behave exactly the way it should, i.e. take you back to your previous state. I'll go one step further and say that a lightbo…
Does it make sense for a user to have to go back through the entire stack of photos they viewed to go to the page before they arrived at the lightboxing page? Not at all. There is a distinct difference between usable states and modal images. With states you want the rich navigable history and the other you want to open it and close it, but not page through it.
Re: Full CSS3 Lightbox - Absolutely no JavaScript
#59Earlier quoted context omitted.
Not true. A back button is meant to "go back to previous state". When you click a link, then back, you will go back to the previous page or position on the same page depending on the link you clicked. Similarly, if you enable a lightbox and your page goes behind a modal image, hitting back will behave exactly the way it should, i.e. take you back to your previous state. I'll go one step further and say that a lightbo…
Steps to reproduce broken button: 1) Open the demo page 2) Click image 3) Click 'X' in top left of image 4) Click different image 5) Click the 'X' in the top left of image 6) Click browser's 'back' button 7) Observe how you're staring at the image, not the hacker news page you came from. The problem is that clicking the 'X' should pop the image off the stack, not just add another page ("#home") to the stack. Opening…
Does that make it "broken" or just incompatible with your expectations? Would other non-technical users have the same expectations? It's possible other users will want to go "back" to the image they last visited.
Consider if this was done just HTML 4 and no CSS or Javascript. You would click a thumbnail and a new page would be loaded with a full size version of the image. You would then click a "close" button that would take you to the page with the thumbnails again. If you hit "back" you would go back to the image.
The way the page currently works follows the "stack" of what I actually visited by clicking links. If I want to reverse my workflow after visiting all 5 images and closing between them, I personally would expect the back button to go through all 5 images. From this perspective, doing the same effect with Javascript that doesn't update the stack might surprise me if after clicking 10 links on this page, a single click of the browser back button skips 10 steps of my workflow and returns me to HN.
Re: Full CSS3 Lightbox - Absolutely no JavaScript
#60So 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.
I don't mind it if it's snappy and the image loads almost instantaneously, which is what I got when viewing this demo. Typically, with javascript, I'd have to wait a few seconds for the loading-wheel to spin until the image finally loads. Not that I can't wait a few seconds; it's just annoying.
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.