Thumbnail Style

PierreSnugg

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?

PierreSnugg

Can somebody please help?

acrylian

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

PierreSnugg

Nope, doesn´t work...

PierreSnugg

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...

PierreSnugg

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

`

`
<?php $_current_image = $_zp_current_image; ?>
<?php while (next_album()): next_image(); ?>
"title="<?php echo getImageTitle();?>"><?php printImageThumb(getImageTitle()); ?>
" title="View album: <?php echo getAlbumTitle();?>">
<?php printAlbumThumbImage(getAlbumTitle()); ?>
<?php endwhile; ?>
<?php while (next_image(false, $firstPageImages)): ?>
<div class="imagethumb">
" title="<?php echo getImageTitle();?>"><?php printImageThumb(getImageTitle()); ?>
</div>
<?php endwhile; ?>
<?php $_zp_current_image = $_current_image; ?>
`

`

acrylian

Well, I doubt that this will work with CSS alone. I would do that like this:
`<?php $currentimagetitle = getImageTitle(); while (next_image(false, $firstPageImages)): <br />
if($currentimagetitle === getImageTitle()) { ?>

(...)

<?php } else { ?>

(...)

<?php } ?>

<?php endwhile; ?>`

PierreSnugg

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:

`

<?php $_current_image = $_zp_current_image; ?>

<?php while (next_album()): next_image(); ?>

"title="<?php echo getImageTitle();?>"><?php printImageThumb(getImageTitle()); ?>

" title="View album: <?php echo getAlbumTitle();?>">

<?php printAlbumThumbImage(getAlbumTitle()); ?>

<?php endwhile; ?>

<?php $currentimagetitle = getImageTitle(); while (next_image(false, $firstPageImages)):<br />
if($currentimagetitle === getImageTitle()) { ?>

" title="<?php echo getImageTitle();?>"><?php printImageThumb(getImageTitle()); ?>

<?php } else { ?>

" title="<?php echo getImageTitle();?>"><?php printImageThumb(getImageTitle()); ?>

<?php } ?>

<?php endwhile; ?>

<?php $_zp_current_image = $_current_image; ?>

`
</div>

PierreSnugg

Ok, it´s working!

`

<?php $_current_image = $_zp_current_image; ?>

<?php while (next_album()): next_image(); ?>

"title="<?php echo getImageTitle();?>"><?php printImageThumb(getImageTitle()); ?>

" title="View album: <?php echo getAlbumTitle();?>">

<?php printAlbumThumbImage(getAlbumTitle()); ?>

<?php endwhile; ?>

<?php $currentimagetitle = getImageTitle(); while (next_image(false, $firstPageImages)):<br />
if($currentimagetitle === getImageTitle()) { ?>

<?php getImageTitle();?><?php printImageThumb(getImageTitle()); ?>

<?php } else { ?>

" title="<?php echo getImageTitle();?>"><?php printImageThumb(getImageTitle()); ?>

<?php } ?>

<?php endwhile; ?>

<?php $_zp_current_image = $_current_image; ?>

`