
Problem with JCarousel on EI7
Hi all,
I'm using ccs3pie with JCarousel, my goal is to apply a rounded border on images in the carousel. It works well in most browsers except on IE7. I mean, on first load, the images have rounded borders but when the carousel moves, the images on the next slides no more have borders.
Here is what I have
Code:
<script language="JavaScript">
jQuery(document).ready(function($) {
function mycarousel_initCallback(carousel)
{
// Disable autoscrolling if the user clicks the prev or next button.
carousel.buttonNext.bind('click', function() {
carousel.startAuto(0);
});
carousel.buttonPrev.bind('click', function() {
carousel.startAuto(0);
});
// Pause autoscrolling if the user moves with the cursor over the clip.
carousel.clip.hover(function() {
carousel.stopAuto();
}, function() {
carousel.startAuto();
});
};
$('.carousel_client').jcarousel({
auto: 5,
scroll:1,
animation:1000,
wrap: 'circular',
initCallback: mycarousel_initCallback
});
});
</script>
Here is the CSS I use for the image inslide the JCarousel
Code:
.r100 {
position: relative;
border: 1px solid red;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
-pie-poll:true;
behavior: url(pie/PIE.htc);
}
I've tried the -pie-poll attribute but it doesn't seems to work.
I already thank you for you help.