Hi,
I could not find a better topic for this. Sorry for this.
I created a slider using bxSlider following an article at htmldoc.net/2012/11/centered-bxslider-slideshow-with-custom-slide-opacity
I did some customization myself and the final output is here http://jsfiddle.net/ynnut8Lc/
But I got a CSS issues. As you can notice, the opacity (opacity: 0.5) to the side slides is being carried over to the middle slide and then it changed to its assigned opacity (opacity: 1).
What it causes is that it images make a blinking effect. I wish to remain the opacity stick to its side images only and should not be carried over to the middle one.
How I can achieve this? A help will be highly appreciative.
Many thanks
Kalyan