Lightbox2

From: af (CAER) 3 Jun 2011 22:30
To: ANT_THOMAS 60 of 91
I've added a new thing: a 'dimmer' option, to darken the rest of the page when you open a popup. If you use it you'll need to add some CSS to make it actually visible, something like this:
CSS code:
#quickslide-dimmer {
	background-color: #333;
	opacity: 0.8;
	filter: alpha(opacity = 80);
	box-shadow: 0 0 9em #000 inset;
}
From: ANT_THOMAS 3 Jun 2011 22:31
To: af (CAER) 61 of 91
Nice, I might use it, but not too sure if I will. It's definitely a feature that it didn't have compared to Lightbox so good stuff!
From: af (CAER) 3 Jun 2011 22:32
To: ANT_THOMAS 62 of 91
To be honest I only added it because it was so easy to do :$

One day soon I will actually get around to adding useful features like next/prev navigation :$
From: Peter (BOUGHTONP) 3 Jun 2011 22:54
To: af (CAER) 63 of 91
Why are you wasting time re-inventing a heavily cloned wheel, instead of working on something useful (like the fizzy document thing)? :/
From: af (CAER) 3 Jun 2011 22:58
To: Peter (BOUGHTONP) 64 of 91
Because I wanted to :p I was curious about some things, and this satisfied my curiosity.

I will carry on with Soda at some point, too.
From: Peter (BOUGHTONP) 3 Jun 2011 23:07
To: af (CAER) 65 of 91

Grrr! Why can't you be curious about things which are more useful! :(

 


Also... whoever created this thread... I keep looking at the status bar and thinking there are two damned unread messages! :'C

EDITED: 3 Jun 2011 23:08 by BOUGHTONP
From: ANT_THOMAS 3 Jun 2011 23:10
To: Peter (BOUGHTONP) 66 of 91
Better?
From: af (CAER) 3 Jun 2011 23:13
To: Peter (BOUGHTONP) 67 of 91
I am still learning, Peter :(

(no but really, I've only been doing web-based programming since around October last year)
From: Peter (BOUGHTONP) 3 Jun 2011 23:15
To: ANT_THOMAS 68 of 91
Thank you! :D
From: Peter (BOUGHTONP) 3 Jun 2011 23:20
To: af (CAER) 69 of 91
Huh?

WTF sort of stuff were you doing before that then?


Whilst I'm generally not opposed to people re-inventing wheels for learning purposes, I'd probably still say it's better to learn from and extend an existing solution.

If more people (both new and experienced) spend more time on improving current stuff, there'd be more half-decent software around, instead of not only everything being crap, but it being even harder to find the slightly less crap stuff amongst all the unfinished experiments. :(


/me stops ranting and goes to find food.
From: af (CAER) 3 Jun 2011 23:31
To: Peter (BOUGHTONP) 70 of 91
quote:
WTF sort of stuff were you doing before that then?

Working in Blockbuster then Jessops, then doing data-entry, then fixing HMRC computers, then attempting to work out what I was supposed to be doing in an understaffed and underexplained repair team fixing Tesco hardware (and by 'hardware' I mean everything from receipt printers to IBM RS/6000s to those 'pay at pump' things they have in petrol stations).
From: Peter (BOUGHTONP) 3 Jun 2011 23:34
To: af (CAER) 71 of 91
No I meant programming-wise - I thought you'd written lots of stuff?

But since you brought it up... are you the reason the fecking petrol pump never has any bloody receipts available!? :@
From: af (CAER) 4 Jun 2011 15:22
To: Peter (BOUGHTONP) 72 of 91

Hah, no, I was only dealing with them for a month or so before I left. I don't think we ever did figure out what we were supposed to do with them. They didn't even have a manufacturer label on them. I'm not even sure they were supplied by Fujitsu in the first place.

 

I have done programming in the past, yes, but that was about 10 years ago, and, except for one program, never anything involving a network.

EDITED: 4 Jun 2011 15:23 by CAER
From: af (CAER)15 Jun 2011 23:00
To: ANT_THOMAS 73 of 91
Hello. I added another thing: image captions! They work like this:
HTML code:
<a href="big_img.jpg"
  rel="quickslide"
  title="THIS IS A CAPTION, RIGHT HERE"
>foobar</a>
I also changed the way the loading spinner thing is handled – there's no need to specify it in the options any more; instead you just use CSS:
CSS code:
#quickslide-popup-box.loading {
  background-image: url("loading-spinner.gif");
  background-position: center;
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
}
http://caerphoto.com/quickslide/
From: ANT_THOMAS25 Jan 2012 13:38
To: af (CAER) 74 of 91
I just thought I'd add that it seems to work as I'd expect it to on my Android tablet on the stock browser. So thumbs up!
From: af (CAER)25 Jan 2012 15:32
To: ANT_THOMAS 75 of 91
Heh :D

It also only started working with the 'fixed' thing on iOS since version 5 - before that I think mobile Safari just displayed it as position: absolute instead.
From: ANT_THOMAS12 Apr 2012 15:53
To: af (CAER) 76 of 91

Quick question. Not sure if it's my end (yj). Checked in Chrome 18 and FF 11 on Win7 and if an image used is a transparent PNG you can still see the loading spinner after it is loaded. Is it a case of the image generally hiding the spinner?

 

I've also noticed that FF doesn't resample scalled PNGs like Chrome does, eugh.

From: af (CAER)12 Apr 2012 15:55
To: ANT_THOMAS 77 of 91
The spinner isn't removed once the image is loaded, so as you've noticed, if the image is transparent in the middle you can still see the spinner :$

I'll have a go at fixing it now.
From: ANT_THOMAS12 Apr 2012 15:58
To: af (CAER) 78 of 91
It's not personally a problem. I'll make my PNGs have a background. They'll look better with one. Just something I noticed since the images I've been exporting as PNGs automatically have no background.
From: af (CAER)12 Apr 2012 16:39
To: ANT_THOMAS 79 of 91
Updated. The box gets a 'loaded' class now once the image has fully loaded.

http://www.caerphoto.com/quickslide/quickslide.zip