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.

FORJ Forum | piXY | Soda

<a href="big_img.jpg"
  rel="quickslide"
  title="THIS IS A CAPTION, RIGHT HERE"
>foobar</a>

#quickslide-popup-box.loading {
  background-image: url("loading-spinner.gif");
  background-position: center;
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
}

FORJ Forum | piXY | Soda

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.

Have you thought about adding the ability to group images into sets or albums so it's possible to navigate through them? Preferably with direction keys.

I guess replicating lightbox abilities but with your better resizing.

That's fair enough.

I've looked into similar things in the past for gallery navigation and using direction keys as a way of clicking onto next and previous and it looked messy to me, I could never get anything to work, but then again my coding clevers aren't exactly great!

function determineNextChild( container )
{
	if ( container.hasNextChild() ) return container.nextChild()

	switch ( EndImageBehaviour )
	{
		case 'nothing' : return null
		case 'loop'    : return container.firstChild()
		case 'proceed' : return container.nextContainer().firstChild()
		default : error("Invalid EndImageBehaviour setting")
	}

}

ContainerParent : document.getElementById('MyContainers')

Containers : ['#album1','#album3','.otheralbums:not(#al7)']

<ul id="container1">
  <li><span>(1 of 3)</span> <a href="kitten.jpg">Kitten</a></li>
  <li><span>(2 of 3)</span> <a href="puppy.jpg">Puppy</a></li>
  <li><span>(3 of 3)</span> <a href="squirrel.jpg">Squirrel</a></li>
</ul>