Tag: jquery cycle2

Velocity.js / Blast.js在0处开始不透明度: 我正在使用Velocity.js和Blast.js在每个单词中创建一个简单的加载作为动画…基本设置之一。我也在和Cycle2一起使用它。我有一些问题，我想要实现的目标，我无法从文档中解决。在“循环2”滑块中，“速度/爆炸function”可以存在于许多幻灯片中，因此每次都需要重新运行。这就是我想要实现的目标： Velocity动画需要从不透明度开始：每次都是0 …所以当你循环到幻灯片时，它会从0到1运行而不是显示它，然后隐藏它，然后运行动画。当您循环滑块next / prev时，它应重新运行并从0开始，如前所述。删除每个单词的过渡/淡入淡出，只需将其作为显示/隐藏。我希望这是有道理的。我已经创建了一个简单的JSFiddle来向您展示一个基本的设置和我到目前为止所拥有的。希望你能帮忙。 http://jsfiddle.net/h3vo8LL1/1/ // function featuredProjectTextAnimation() { $(‘.home-section-container .each-section .each-slide.text .text-container.animated’) .blast({ delimiter: ‘word’ }) .velocity(‘transition.fadeIn’, { display: null, duration: 0, stagger: 100, delay: 400, begin: function() { // }, complete: function() { // } }); } // if ($(‘.home-slider-container’).length > 0) { […]

Cycle2：主幻灯片下方的中心轮播活动幻灯片: 我有一个带有寻呼机轮播的jCycle2幻灯片，就像这个演示一样我想将主动幻灯片置于主旋转木马下面，但我还没有找到有效的解决方案。我已经尝试将数据循环-carousel-offset =“40％”添加到旋转木马，效果很好，但由于偏移，我无法访问旋转木马的最后3张幻灯片。我也尝试过具有相同结果的CSS解决方案。附有所需结果的图像。当前：期望：谢谢！

在加载的Ajax内容上加载JQuery cycle2: 我正在尝试使用Ajax加载的外部HTML内容启动JQuery循环，但这似乎不起作用： $(“.container”).load(“step2.html”, function() { $.fn.cycle.defaults.autoSelector = ‘.cycle-slideshow’; }); html如下： Jetztmitmachen & gewinnen Täglichmitspielen & Gewinnchance steigern!

使用jQuery Cycle 2，如何显示下一张和上一张幻灯片的一部分: 我一直在努力解决这个问题，并且已经看到了一些非常复杂的基于JavaScript的解决方案。我最终用最小的CSS解决方案破解了它（无论如何我的需求）。

Cycle2初始化事件未触发: 我正在使用Cycle2作为基本的旋转木马。我的幻灯片项有时在他们的数据中有一个url，因此我必须使用Cycle2 api事件来使用该URL。我的问题是，当’cycle-after’事件触发时，没有任何初始化事件会触发。所以如果我的第一张幻灯片有一个url，则没有任何反应。这是我的代码： pressSlideshow.on({ ‘cycle-post-initialize’: function(event) { console.log(‘call’); var a = $(‘img.cycle-slide-active’); var d = a.data(‘url’); if (d !== undefined) { pressLink.attr(‘href’, a.data(‘url’)).show(); } else { pressLink.hide(); } }, ‘cycle-after’: function(event, optionHash, outgoingSlideEl, incomingSlideEl, forwardFlag) { var a = $(incomingSlideEl); var d = a.data(‘url’); if (d !== undefined) { pressLink.attr(‘href’, a.data(‘url’)).show(); } […]