Comments on: Futurebox, lightbox without the JavaScript

By: aldo

aldo — Mon, 17 May 2010 17:02:09 +0000

Simply and Great! Thanks!

By: The Css Ninja

The Css Ninja — Tue, 27 Apr 2010 00:49:25 +0000

cssaba, yes I believe the behaviour of a non-existant fragment identifier does behave the same as doing “#”. You could have close as a hidden element near your gallery so it doesn’t jump to the top.

I’ve since updated futurebox twice now.

The follow up to this article adds more functionality, http://www.thecssninja.com/css/futurebox2.

The 3rd version revision uses a completely different technique, http://www.thecssninja.com/css/futurebox3

By: cssaba

cssaba — Mon, 26 Apr 2010 21:09:35 +0000

I like it. But why have “close” link to the nonexistent fragment #close? I wonder if there’s a defined behavior when the target fragment doesn’t exist. Browsers might scroll back to top (as with “#”) or ignore the fragment change. Shouldn’t the target for “close” be the id of the thumbnail?

Firefox shows scrollbars when closing the overlay. To get rid of them:

.overlay a:active { outline: none; }

By: Bernadette

Bernadette — Wed, 27 Jan 2010 01:37:56 +0000

I can’t figure out how to use it. I think I’m doing the “HTML” version wrong.

By: Aarron Tame

Aarron Tame — Tue, 15 Dec 2009 23:57:38 +0000

I agree i does look good, but i am a fan of you work ninja and work like to continue useing to stuff and cant wait for the V2 of Futurebox

By: The Css Ninja

The Css Ninja — Tue, 15 Dec 2009 23:33:17 +0000

@MartijnGP – Nice work looks good.

Although if JavaScript is disabled in IE the expression you’re using doesn’t work. Come IE9, which I imagine won’t have compatibility mode, this will break as I’m sure you’re aware expressions have been removed.

By: MartijnGP

MartijnGP — Tue, 15 Dec 2009 20:00:33 +0000

Hey there, for the past few days I’ve been looking into this as well. Then, when I was done, I decided to Google it and find your project. It’s essentially the same as mine. I developed mine a bit further and made it work for all major browsers (Chrome, Opera, Firefox and IE7 and 8). If you are interested, you might want to take a look at it, or throw me an email.

http://www.martijngp.nl/development/csbox/csbox.html

By: Aarron

Aarron — Fri, 11 Dec 2009 09:43:10 +0000

You should also have a look into getting it to work in IE, I believe that if you did this it would make the code a lot better and more efficient.

By: The Css Ninja

The Css Ninja — Fri, 11 Dec 2009 09:05:20 +0000

Yes that’s on the list of potential things to add to it.

By: Hugh Isaacs II

Hugh Isaacs II — Fri, 11 Dec 2009 06:08:12 +0000

You should add CSS transitions to v2.

Currently only Chrome and Safari support them, but Firefox will be getting support for the feature in 3.7 and Opera will be getting support in it’s next release.

And it’ll make up for the lack of Lightbox style animation.