Tag: jquery cycle

从设置display：none停止jQuery循环;

我正在创建一个小游戏，用户从一组项目中进行选择，然后对所选项目进行洗牌并选择一个。 我正在使用jQuery循环（ http://jquery.malsup.com/cycle/ ）来运行主动画并选择一个随机项（使用随机顺序function和自定义动画）。 然而，我动画项目的方式意味着我需要它们在动画时仍然可见 – 它们都是绝对定位的。 所以这里有一个问题： 是否有办法阻止jQuery循环应用 display: none; 在它开始之前的所有项目？ 我不介意修改原始脚本以在必要时执行此操作。 $(‘#item-container’).cycle({ fx: ‘custom’, cssBefore:{ left: 0, top: 0, display: ‘block’, zIndex: 1 }, animIn: { left: 200, top: 200 }, animOut: { left: 0, top: 0 }, cssAfter:{ zIndex: -40, display: ‘block’ }, speed: 400, timeout: 400, random: 1, autostop: 1, autostopCount: […]

有没有办法用jquery循环创建类似于Nivo Slider的条带过渡效果？

我是jquery循环插件的忠实粉丝，如果它有一些类似于Nivo Slider或jqFancyTransistions的更复杂的过渡效果，那将会很酷。 我理解如何用jquery循环创建自定义效果的问题，但我很难弄清楚如何创建类似于nivo滑块和jqfancytransitions的条带转换效果，或者它是否可能在jquery循环中。 任何有关这方面的帮助将不胜感激。 谢谢！

Jquery Cycle + Firefox Squishing Images

嘿伙计们，我正在为图片库运行jQuery Cycle。 查看链接： 这里 我的问题是在Firefox中查看图像时会被压扁。 重新加载页面时问题消失了。 这让我相信在加载所有图像之前Javascript正在触发（通常第一个图像工作正常，其余图像被压扁。） 一个难以重新解决的问题再现了这个问题。 我把所有内容都包装在$（document）.ready（function（）{}）中; 但它仍然会发生。 附加信息：如果我指定图像的宽度和高度，一切正常。 然而，有数百个图像都有不同的大小.. 我对这个问题非常沮丧。 任何想法/帮助非常感谢！ 这是我的代码： $(document).ready(function(){ //function onBefore(curr,next,opts) { // var $slide = jQuery(next); // var w = $slide.outerWidth(); // var h = $slide.outerHeight(); // $slide.css({ // marginTop: (482 – h) / 2, // marginLeft: (560 – w) / 2 // }); //}; // Decare […]