Rotating Posts Multiple Thumbnails

  • thebadone411

    (@thebadone411)


    16 years ago

    I’ve setup Rotating Posts on my blog and I’m not happy with the setup between the 3 versions of the thumbnail images. Right now it works by changing opacity when the thumbnail is hovered, on, and off. I can imagine different ways to fix this, but I’m not sure if both are possible or how to execute either. Basically I want to attempt something like ESPN.com homepage carousel. The hover is lighter, the on setting is darker and the off setting is just regular. Ideally I could do all of this with whatever color background I decide. Does that mean using different images? Because that’s not issue, I just don’t know how to set it up. Does it mean changing the background for different classes? I can do that too, but I haven’t been able to make it work yet.

    https://www.ashtrayreviews.com/reviews/

    What do you think??

    Thanks in advance for any help.

Viewing 4 replies - 1 through 4 (of 4 total)
  • YukataNinja

    (@yukataninja)

    You can do this all via the CSS. You need to select the option to override the CSS and then create a custom CSS.

    You can base your changes off of the provided CSS, you probably want to change to something like:

    div#rp_nav #rp_nav_thumbnails img.rp_nav_thumbnail_on
{
	opacity: 0.5;
	filter: alpha(opacity=50);
}

div#rp_nav #rp_nav_thumbnails img.rp_nav_thumbnail_off
{
	opacity: 0.8;
	filter: alpha(opacity=80);
}

div#rp_nav #rp_nav_thumbnails img.rp_nav_thumbnail_off:hover
{
}

    ESPN also adds a border around the selected which might be recommended.

    Thread Starter thebadone411

    (@thebadone411)

    I’ve been playing with the CSS a lot and I know I can alter the various opacitys. My issue is this: With the current black background, opacity on the thumbs takes the images closer to black. This is fine for the on thumbnail, but I would like the hover thumbnail to get lighter, not darker. So how do I set that up? I don’t know if it’s possible with this plugin, so should I setup an extra set of images to call for the hover thumb that have been manually altered.

    I noticed the border on ESPN as well and that’s throwing me for a loop too. Obviously I can just add the border in the CSS but they have a little arrow at the top. How can I get that?

    My question is very similar,

    Is there a way to permanently change the thumbnail images when you are at the specific post?

    For example,
    Originally, the thumbnail is am empty checkbox, but after moving over to the post with this empty checkbox, the thumbnail will change into a checkbox with a checkmark permanently, it will not change back to empty after I go to the next post.

    This could be done on your own (would be a bit of work), but I don’t plan on making it a feature in the plugin.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Rotating Posts Multiple Thumbnails’ is closed to new replies.