ZenphotoCMS Forum
Thumbnail Style - Printable Version

+- ZenphotoCMS Forum (https://forum.zenphoto.org)
+-- Forum: Support (https://forum.zenphoto.org/forum-1.html)
+--- Forum: Themes (https://forum.zenphoto.org/forum-5.html)
+--- Thread: Thumbnail Style (/thread-2779.html)



Thumbnail Style - PierreSnugg - 2008-04-30

I´m trying to get an active status of my thumbnails done, but i´m stuck right now.
Here is my css code from the thumbs:

`

.imagethumb a {

float:left;

display: block;

}

.imagethumb a:hover {

filter:alpha(opacity=50);

opacity:0.5;

-moz-opacity:0.3;

}

.imagethumb a:active {

filter:alpha(opacity=50);

opacity:0.5;

-moz-opacity:0.3;

}

`

Is there a way to get this done? So that the selected or active thumb gets a 50% alpha?




Thumbnail Style - PierreSnugg - 2008-05-05

Can somebody please help?




Thumbnail Style - acrylian - 2008-05-05

Try .imagethumb a:active img {additionally to adress the actual image.




Thumbnail Style - PierreSnugg - 2008-05-05

Nope, doesn´t work...




Thumbnail Style - PierreSnugg - 2008-05-05

I´m nearly at the end of my project and this function is the only thing that´s missing,
would bee cool if this will work somehow...




Thumbnail Style - PierreSnugg - 2008-05-05

My thumbnails are in image.php at the bottom of the big image. The code for
the thumbs in image.php is:

`

`

"title="">
" title="View album: ">

" title="">

`

`




Thumbnail Style - acrylian - 2008-05-05

Well, I doubt that this will work with CSS alone. I would do that like this:
`

(...)

(...)

`




Thumbnail Style - PierreSnugg - 2008-05-05

Now, i get a highlighted thumb (that´s great!) but all thumbs in the same row are somehow not clickable anymore. thumbs below are!

And also the thumbnails are dynamicly swaping their position. Maybe it´s a problem with the previous code. Here is my actualized code:

`

            "title="">

            ">









                 ">







                ">

`




Thumbnail Style - PierreSnugg - 2008-05-05

Ok, it´s working!

`

            "title="">

            ">

















                ">

`