Well if you ever let other people use it, you're probably going to need some kind of server-side script to resize the images before they get sent to the browser, otherwise you'll have people making galleries of 10+ megapixel images, which might put quite a strain on the server.

 

PHP or Sinatra would probably be suitable for something like this, basically anything that you can upload images to and which will create thumbnails and preview-size images automatically.

 

That said, browsers these days are quite good at resizing images so that's less of a concern (unless people visit using IE<9). I might have a go at making a simple lightbox thing, as I will need one for my caerphoto.com site eventually, and it's an interesting challenge.

Wow. Making you include a 249K of JavaScript just to have images pop up nicely seems a bit excessive.

Lightbox used to be nice when it made one particular thing easy to do. Then it expanded to do five million things and became so complex that if you want to do any particular one of those things it's much easier to just code it by hand.

So yeah, make a better one, Caer.

Make me an icon for it :C

(I'm calling it QuickSlide)

Surely that's only because it's built on top of Prototype and the copy that is included has not been minified?

That accounts for 160KB of it, yeah, but it still means you need to include Prototype, which isn't exactly that popular compared to jQuery.

I've never used Prototype, always used JQuery, I was just pointing it out. Unminified JQuery is about the same size.

Having this thread open, in another tab, keeps making me think Beehive has a Twitter-like feature of "(2)" new posts. :C

Same :$

LLLLLLLLLLLLLL
me too :$

This any help?

http://caerphoto.com/quickslide/demo.html

Can you make it so the image appears on the existing page on Android , rather than adding 600odd pixels to the bottom of the page to display in?

 

Lightbox and others do the same, so I suspect not :(

Does it display the image at the bottom of the extra 6000 pixels, or does it add the space but still display the image at the top?

The latter is possibly Android scaling the image itself after telling the JavaScript how big it originally was.

I'll give that a go tomorrow.

 

:D

displays the image in the new space, aligned with the bottom of the page.

How queer. That suggests to me an issue with the way the browser is reporting the scroll position. HMMM :(

 

I've also just found out that IE9 displays all images at the same size as whichever image you click first. This is most vexing :@ (and best of all it works just fine in IE8 :? )

Oddness :|

IE is more diabolically cruel than waterboarding...

Heh. Turned out that assigning a new src to an existing image object doesn't update the width and height properties in IE9. Fixed it now, anyway (by creating a new image object each time).

That's reet nice is that. I shall use that in future whenever I have to do such things.

Nice work.