CSS3 PIE Forums
http://css3pie.com/forum/

Problem with JCarousel on EI7
http://css3pie.com/forum/viewtopic.php?f=3&t=3258
Page 1 of 1

Author:  Lita [ Mon Apr 14, 2014 2:25 am ]
Post subject:  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.

Page 1 of 1 All times are UTC - 7 hours [ DST ]
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
http://www.phpbb.com/