Could it be easy to implement that when you are viewing a single image with thumbnails (above and/or below), the thumbnail of the currently being viewed image is emphasized with a bigger border, for example?

Thanks!

Comments

AlexisWilke’s picture

AlexisWilke commented

The main problem with adding a wider border is the positioning which gets all messed up (since all of a sudden you're 1 or 2 pixels off...)

This being said, it could be done with CSS and in that case it would be relatively easy to add a padding or margin to move the other images so they all look "centered".

I think that the current thumbnail image already has a specific class added when it represents the current image. If not, then that would be easy to add.

Thank you.
Alexis Wilke

jayperkor’s picture

jayperkor commented

Yes, you're right. I found the class and tweaked the CSS standard.css a little bit:

img.gallerix-thumbnail.current {

}

to:

img.gallerix-thumbnail.current {
border: 4px solid black;
}

and it does the job of highlighting the currently viewed photo.

Thanks!

AlexisWilke’s picture

AlexisWilke commented

And you should be able to add a shadow with the box-shadow

http://www.w3.org/TR/2011/CR-css3-background-20110215/#the-box-shadow

If need be. 8-)

This is CSS3 so it won't work on old browsers.

Thank you for giving us your working solution!
Alexis Wilke