Tag: 幻灯片

褪色图像 – 在哪里调用.fadeIn和.fadeOut？: 我和这个人打了一会儿。我是JavaScript和jQuery的新手。经过大量的反复试验后，我最终设法编写了一个函数来更改图像的src属性，从而创建幻灯片： $(function () { var slideshow = $(“#img_slideshow”); var images = [ ‘img/slideshow1.jpg’, ‘img/slideshow2.jpg’, ‘img/slideshow3.jpg’]; var current = 0; function nextSlide() { slideshow.attr( ‘src’, images[current = ++current % images.length]); setTimeout(nextSlide, 5000); } setTimeout(nextSlide, 5000); }); 这非常有效，每5秒钟更换一次图像。我想要的是他们之间的渐变过渡。我尝试在几个地方调用.fadeIn和.fadeOut我找到逻辑，例如在setTimeout旁边（可能是错误的），但什么都行不通。有人可以帮忙吗？我很感激有一个简单的解释，它应该被称为什么，可以帮助很多人。谢谢。

为什么这个幻灯片不会起作用: 好的，我要做的是使用下面的示例创建幻灯片放映。问题是动画不起作用。设计明智它看起来不错，但图像不会在我的浏览器中旋转。是因为我必须使用window.setTimeout（）谢谢！ http://tutorialzine.com/2010/09/html5-canvas-slideshow-jquery/ 也有人似乎有类似的问题，但不像我的代码相同：为什么这个幻灯片代码不起作用？ inheritance人HTML： An HTML5 Slideshow w/ Canvas & jQuery | Tutorialzine Demo 然后我们有CSS： #slideshow{ background-color:#F5F5F5; border:1px solid #FFFFFF; height:340px; margin:150px auto 0; position:relative; width:640px; -moz-box-shadow:0 0 22px #111; -webkit-box-shadow:0 0 22px #111; box-shadow:0 0 22px #111; } #slideshow ul{ height:320px; left:10px; list-style:none outside none; overflow:hidden; position:absolute; top:10px; width:620px; } […]

jQuery全屏背景图像: 我需要一个jQuery插件的帮助，它可以将图像缩放到全屏，并且仍然允许用户将内容放在其下。例如： www.burton.com 上面的网站有一个全屏图像，下面还有内容。有人能告诉我怎么做吗？我尝试了不同的jQuery Image幻灯片插件，但仍然无法完成它。我将把它用于我的学校项目。

jQuery幻灯片没有正确循环: 我正在开发一个带有背景图像幻灯片的启动页面，我想继续循环，但是现在它正在闪烁而不是均匀循环。第一张图片不会停留在循环中： http ： //newmarketdvm.com/vsc/test/ 这是代码。我已经在幻灯片中嵌入了幻灯片代码，因为它是一个启动页面，我想知道这是否也会让它出现故障，但我似乎无法弄清楚图像类/它是否是它的问题。我只是设置错误或我需要修改jQuery？ function slideSwitch() { var $active = $(‘#slideshow IMG.active’); if ( $active.length == 0 ) $active = $(‘#slideshow IMG:last’); // use this to pull the images in the order they appear in the markup var $next = $active.next().length ? $active.next() : $(‘#slideshow IMG:first’); // uncomment the 3 lines […]

jQuery在菜单下滑动箭头: 这个会很难，因为我没有这个的演示，但我相信你会得到我说的话;）有很多网站在活动菜单项下面有一个箭头（您正在浏览的网站）。关键是当你将鼠标hover在任何菜单项上时 – 箭头从活动的箭头滑动到hover的箭头并返回鼠标输出（或点击后停留在此处）。它是如何工作的？我想主动元素下面的箭头只是添加了额外的类，同时刷新页面以显示新内容？但是滑动怎么样？ 🙂 非常感谢。

键盘箭头键导航与Easy Slider 1.7: 我正在尝试编辑Easy Slider以允许键盘的箭头键来浏览幻灯片。我尝试编辑javascript的 animate函数： default: t = dir; break; …至： default: t = parseInt(dir); break; ……但那没用。有谁知道如何使用键盘的箭头键来浏览此幻灯片？

如何在某一点停止jQuery幻灯片？: 我有5张幻灯片，我需要幻灯片循环播放所有5张幻灯片，再次降落在幻灯片＃1中并停在那里。我怎样才能做到这一点？我可以与我在文档中阅读的幻灯片进行交互的唯一方法是创建它时，IE $(“#slide”).slides({ /* options here */ }) 但是一旦它开始，我怎么能与幻灯片放映？ PS：我正在使用jQuery幻灯片： http ： //slidesjs.com/

jQuery fadeOut没有改变显示属性: 在http://judi.simpleupdates.com/上我试图使用jQuery fadeIn和fadeOut效果在页面上制作幻灯片。这两个项目fadeIn没有问题。但是， fadeOut不会更改应该消失的div的display属性。任何想法为什么这可能没有按预期工作？这是失败的线： $( “.carousel_item:nth-child(” + selected + “)” ).fadeOut(600); 更新：问题似乎是fadeOut在没有width和height的元素上。将值添加到div.carousel_item的width和height属性时， fadeOut调用将正常工作。另一种方法是从后代img移除position: absolute ，导致div增长到img维度。

使用jQuery .on（）创建一个下拉菜单: 我正在尝试创建一个jQuery下拉菜单，它会添加一个类来了解它是否向下或向上。但由于某种原因，.on（）函数似乎没有响应点击。我做错了什么？这是我的HTML： Item 1 Item 2 Sub Item 1 Sub Item 2 Sub Item 3 Item 3 我的JS： // Slide down jQuery(‘#main-menu > li.drop-down > a’).not(‘.active a’).click(function(e){ e.preventDefault(); jQuery(this).closest(‘li.drop-down’).addClass(‘active’).find(‘ul.sub-menu’).slideDown(); }); // Slide up jQuery(‘#main-menu > li.drop-down.active > a’).on(‘click’, function(e){ e.preventDefault(); jQuery(this).closest(‘li.drop-down’).find(‘ul.sub-menu’).slideUp(400, function(){ jQuery(this).closest(‘li.drop-down.active’).removeClass(‘active’); }); }); 谢谢！

单击并切换到jquery滑动到一侧: 所以我有一个网站，我需要从侧面点击div滑动，从按钮点击（从左侧滑入，向右滑动） – 然后重新点击它应该再次滑出…所以它需要是隐藏在页面加载中，只有在单击按钮后才会显示。我试图做到这一点，但我是jquery的新手，所以如果有人可以帮助我继续，我会很感激。这是我现在有多远的小提琴。链接： http ： //jsfiddle.net/iBertel/zes8a/21/ Jquery ： $(‘#btn’).click(function() { $(‘#div1’).slideToggle(‘slow’, function() { }); }); HTML ： Div 1 Click CSS ： #div1 { width:100px; height:100px; background-color:#F30; color:#FFF; text-align:center; font-size:30px; }