Tag: caroufredsel

隐藏了Carofredsel和jQuery UI标签元素

我在jQuery选项卡中设置了caroufredsel ,但是选项卡内的所有元素都是不可见的。 似乎caroufredsel包装器的高度和宽度都设置为0 ,并且溢出设置为hidden 。 我可以看到caroufredsel正在创建正确的包装并将我的内容包含在其中,但内容是不可见的。 以前有人有这个问题吗?

carouFredSel slideTo / slideToPage事件

我使用carouFredSel作为一个无限圆形滑块来控制转到特定幻灯片时遇到了一些麻烦。 这是我的实现代码: $(‘.circular-gallery ul’).carouFredSel({ width: ‘100%’, height:270, align:’center’, items: { start: 10, width:340, visible: 10 }, prev: { button: $(‘.circular-gallery .prev’) }, next: { button: $(‘.circular-gallery .next’) }, scroll: { items: 1, easing: ‘quadratic’, onBefore: function(data){ var $current = $(data.items.visible[4]); if(!data.scroll.duration){ // this happens on init, so just set active class $current.addClass(‘active’); } else { […]

jQuery:使用carouFredSel插件延迟加载

我正在尝试为使用carouFredSel jQuery插件创建的轮播内的图像实现延迟加载。 你有任何建议或者你已经取得了类似的成就吗? 它似乎默认不能这样做。

carouFredSel将类添加到活动幻灯片中

我正在尝试在carouFredSel的当前幻灯片中添加一类“active”,我无法让它工作。 最接近我可以使用trigger(“currentVisible”)在第一张幻灯片上添加它,但它不会更新。 救命! 谢谢 :)

与’caroufredsel’jquery旋转木马的响应问题

我使用优秀的caroufredsel构建了一个响应式旋转木马,这些项目应该始终一次滚动一个并使用流体动画。 目前,在页面加载(或刷新)时,项目正确滚动(一次一个),但在重新调整浏览器窗口大小后,按下一个开始跳过2个或更多项目。 如果您然后刷新它修复问题,直到下一次更改屏幕宽度。 此外,动画仅在屏幕处于可能的最小宽度(一次可见1个项目)时才起作用,并且当两个或更多项目同时可见时,它不会起作用。 网站可以在这里看到。 目前,下面的代码正在触发插件(我确信当它被破坏并在屏幕重新resize后重新设置时会有一些挥之不去的注入的css或等效物将它全部抛弃,只是无法将其固定下来。 ..): $(document).ready(function() { $(“#guitars-gallery”).carouFredSel({ auto: false, circular: false, prev: ‘#prev’, next: ‘#next’, responsive : true, height : ‘auto’, scroll: 1, items : { width : 370, visible : { min : 1, max : 3 } } }); }); function doSomething() { $(‘#guitars-gallery’).trigger(‘destroy’, true); $(‘#guitars-gallery’).css({‘text-align’: ”,’float’: ”,’position’: ”,’top’: ”,’right’: […]

响应式全屏CarouFredSel幻灯片

这是一个自我问答。 我一直在用令人惊叹的CarouFredSel滑块插件开发很长一段时间了。 每次我必须制作一个需要在宽度和高度上响应的全屏幻灯片时,我忘了怎么做。 所以我为我和所有其他与之斗争的人做了这个问答。 所以,这是一个问题: 你如何制作全屏,反应灵敏的CarouFredSel幻灯片?