Auto ThickBox Plus
Add hover style to tickbox (2 posts)

  1. ichomusic
    Posted 2 years ago #

    If I wanted to add a hover effect / css style when people mouse over the thumbnail ... like on this webpage: http://www.codestarlive.com/themeforest/redirect/?theme=cstardesign

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


  2. attosoft
    Plugin Author

    Posted 2 years ago #

    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.

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Auto ThickBox Plus
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic


No tags yet.