• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 363
  • Last Modified:

Help with some Jquery & CSS

Hello, hope you can help with this small problem and hoping it may be a quick fix. I have an example small sliding banner here:

I was hoping that I could kind of make it look like this example:


I am happy with the functionality, all I require, either in JQuery or CSS is for the left and right image to be "Greyed Out" until it is in the middle if that makes sense.

Any help is gratefully received.

Thanks in advance
1 Solution
add the following css at the end of your css file:

.jcarousel-item-1, .jcarousel-item-3{
  opacity:0.3 !important;

you could change if you want the 0.3 value from 0 to 1.

Good Luck!

Featured Post

Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Tackle projects and never again get stuck behind a technical roadblock.
Join Now