Support » Plugin: Auto ThickBox Plus » Add hover style to tickbox

  • Hi,
    If I wanted to add a hover effect / css style when people mouse over the thumbnail … like on this webpage:

    … how would you suggest doing it?

    Is this a setting within the control panel plugin settings or done through css with something like this:

    a.thickbox {
    background: url(images/icon_zoom.png) no-repeat scroll 50% 50% #F9F9F9;
    -moz-box-shadow: 0 0 5px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5);
    box-shadow: 0 0 5px rgba(0,0,0,0.5);
    opacity: 0.5;
    filter: alpha(opacity=50);

    Or would it be .tickbox:hover { ….etc

    Any help is much appreciated .. thank you,

Viewing 1 replies (of 1 total)
  • Plugin Author attosoft


    Hi ichomusic,

    The following style is typically used to show specified image on thumbnails when hovering the mouse over a thumbnail.

    a.thumbnail:hover { background: url(transparent-image.png); }

    However the site above takes a different approach, and defines the following styles.

    a.thumbnail { background: url(image.png); }
    a.thumbnail:hover img { opacity: 0.3; }

    Thereby specified image is displayed already, but thumbnails cover it normally. Then thumbnails become transparent when hovering the mouse over a thumbnail.

Viewing 1 replies (of 1 total)
  • The topic ‘Add hover style to tickbox’ is closed to new replies.