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>
I'm guessing you haven't looked much more into this?
A friend I'm making a site for wants Next and Prev buttons and I really don't want to use Lightbox :(