Tag: 幻灯片

Jquery表列滑动效果

我需要一个Jquery脚本来表示一个表滑动效果 http://sfsdirectdemo.projects.sourceflow.com/luke (中间计划表) 我谷歌它但没有任何好结果,任何人请帮助。

jQuery $(文件)。已在Iron / Chrome中破解

我用jQuery和jFancyTiles编写了一个小图片幻灯片,可以在这里看到: http://www.netzwerkag.at 它在firefox和IE中按预期工作,但不是铁/铬。问题似乎在文件的时间。在铬中已经: 在第76行中,活动类被设置为标题图像右下角的编号圆形按钮。 这有效! 在第83行中,通过调用花式拼贴function来改变图像,这在铬中不起作用,至少目前不行。 当我通过ctrl-shift-j打开iron_js_console并手动调用该函数时,一切正常。 此外,如果我等待10秒,它甚至会进展到下一个图像,在所有浏览器中,不需要以前的操作。 对fancytiles的第一次调用不适用于铁/铬。 这是在jquery的document.ready事件中调用的。 //我能做什么?

jQuery Cycle插件 – 如何返回当前显示的幻灯片的索引号?

我目前正在使用Malsup的Cycle插件 。 我只是想知道是否有可能让循环插件返回当前显示的幻灯片的索引号? 我想在特定幻灯片处于活动状态时更改页面内容。 不知道如何实现那个..

jQuery Unslide – Touch不起作用

我已经解决了这个问题,而且我只是发帖帮助别人节省一些时间。 我正在使用unslider用于商业网站,我正在做出响应的网站,因此为滑块添加触摸支持的function很吸引人。 不幸的是,正如作者声称的那样,它不能直接开箱即用。

简单的褪色图像交换

我找不到简单的jquery图像交换。 我发现的大部分例子都比我需要的更复杂,做了我不想要的事情。 目标:我有5张想要淡入,幻灯片放映等的图像。我希望从一张图片淡入/淡化到另一张图片,但幻灯片也可以。 当第一页加载时,我希望第一张图像显示4秒……然后淡入下一张图像,4秒,然后是下一张等等。无限循环。 目前我的代码是一个简单的图像交换,不是很优雅: document.getElementById(“imgMain”).src = “images/yurt/sleigh.png”; 实现这一目标的最佳和最简单的方法是什么?

Bootstrap轮播幻灯片问题上的火灾事件

我尝试使用此代码在旋转木马滑动时触发事件,但由于某种原因它无法工作。 有什么建议? var $carousel = $(‘#carousel-showcase’); $carousel.carousel(); $carousel.bind(‘slide’, function(e) { setTimeout( function(){ var left = $carousel.find(‘.item.active.left’); var right = $carousel.find(‘.item.active.right’); if(left.length > 0) { $(“#wrap”).animate({ backgroundPositionX: ‘+=50%’ },0); } else if(right.length > 0) { $(“#wrap”).animate({ backgroundPositionX: ‘-=50%’ },0); } }, 500); });

如何从这个网站创建拖动和滑动效果?

如果从水平菜单快速拖动和释放,菜单将自动滑动一段距离。 拖动和释放的速度越快,滑动越多。 来源 – > appear.dk 我如何实现这种效果? 它与一些复杂的公式有关吗?

非常简短的jQuery图像幻灯片

我正在寻找使用jQuery创建淡入淡出图像幻灯片的最短路径。 我在谷歌上发现的例子总是有很多不必要的特殊内容,我很难理解它们。 :/ 幻灯片需要输入现有图像: 使用follogin图像: imgArray = [“img1.jpg”,”img2.jpg”,”img3.jpg”] 最简单/最简单的方法是什么?

JQuery Animation在Internet Explorer中不起作用

我在使用这个JQuery在Internet Explorer中工作时遇到了一些麻烦,它在FF,WebKit等中工作得很漂亮,向上滑动,弹跳并重新落到原位,但在Internet Explorer中它什么都不做,按钮不起作用并且内容永远不会在页面加载时滑动。 这真的很奇怪,我在我的网站的早期设计中有一个元素淡出,它在IE中不起作用但在其他一切工作…… $(document).ready(function(){ $(‘#homecontent’).delay(“750”).animate({ marginTop: “-15px” }, 1500).animate({ marginTop: “5px” }, 500); }) $(“#shop”).click(function(){ $(‘#homecontent’).animate({ marginTop: “1500px” }, 1500).delay(“1500”, function(){ window.location.href = “http://www.jamiedurham.co.uk/shop/”,”shop” }); }) $(“#blog”).click(function(){ $(‘#homecontent’).animate({ marginTop: “1500px” }, 1500).delay(“1500”, function(){ window.location.href = “http://www.jamiedurham.co.uk/blog/”,”blog” }); })

jQuery幻灯片图像转换

我的jQuery幻灯片显示有问题,我似乎无法弄明白。 在图像过渡期间,幻灯片显示将闪烁白色而不是很好地淡入下一张图片。 我相信它与以下几行代码有关: $(‘#slideshow img:first’).fadeOut(1000).next().fadeIn(1000).end().appendTo(‘#slideshow’); 单击上一个和下一个按钮会导致同样的问题。 这是幻灯片的jsFiddle。 谢谢!