jQuery-Cycle:边框半径属性在Chrome 11中未按预期运行
|
我正在使用jQuery-cycle来驱动我的一张幻灯片,并且应用于容器div的border-radius属性无法按预期工作:\“ View Content \”幻灯片具有圆角,其他幻灯片则没有。
#carousel {-webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;}
我的周期初始化代码:
$(\'#carousel\').cycle( {
speed: 400,
startingSlide: 1,
speedIn:null,
speedOut:null,
cleartype: false,
fit:1,
width:980,
delay: 0,
timeout:0,
fx: \'scrollHorz\',
easing: \'swing\',
easeIn:null,
easeOut:null,
prev: \'#left\',
next: \'#right\',
pager: \'#pager\',
pagerAnchorBuilder: function ( idx, slide ) {
return(\'<span><b>0\'+slide.id+\'</b> / 07</span>\');
},
updateActivePagerLink: function(pager, activeIndex) {
if(activeIndex==0){
$(\'#navigation\').hide();
$(\'#bottombar\').css({\'margin-top\':\'22px\'});
}
else if(activeIndex==1){
$(\'#left\').hide(); $(\'#right\').show();
$(\'#bottombar\').css({\'margin-top\':\'540px\'});
}
else if(activeIndex==7){
$(\'#left\').show(); $(\'#right\').hide();
$(\'#bottombar\').css({\'margin-top\':\'540px\'});
}
else
{
$(\'#right\').show();$(\'#left\').show();
$(\'#bottombar\').css({\'margin-top\':\'540px\'});
} $(\'#pager\').find(\'span:eq(\'+activeIndex+\')\').addClass(\'activeSpan\').siblings().removeClass(\'activeSpan\');
}
});
演示:http://rjwcollective.com/equinox/brochure/
没有找到相关结果
已邀请:
1 个回复
久纳禾澎