问题标签 [slideshow]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
jquery - Javascript Noob:如何通过自动循环浏览主页链接的现有悬停状态来模拟首页上的幻灯片?
嘿大家。希望你能帮助我
我在这个网站上工作,我已经完成了我喜欢的所有悬停效果 - 它们正是我想要的样子:http: //s5ent.brinkster.net/beta3.asp - 尝试将鼠标悬停在四个链接上,你'会在工作中看到一个非常简单的淡入淡出效果,它会退化为没有 javascript 的常规 css 悬停。
我打算做的是让页面看起来像是在加载和空闲时有一个精美的幻灯片放映,我想通过利用主页链接的现有悬停样式/行为而不是使用另一个脚本来实现这一点从头开始创建效果。
为此,我想我需要一个脚本,该脚本在页面加载后以固定的时间间隔在每个链接上模拟悬停动作,从左到右(足部护理,草坪和设备,关于我们,联系我们),循环所有 4 个链接无限期(足部护理、草坪和设备、关于我们、联系我们、足部护理、草坪和设备等),但当其中任何一个被查看者实际悬停时暂停,并从用户在鼠标离开时离开的地方继续。希望你能明白我的意思...
我也想在不破坏当前 html 的情况下实现这一点。所以我想一切都必须尽可能多地通过脚本来完成..
我对 javascript 和 jquery 很陌生。正如您在 s5ent.brinkster.net/beta3.1-autohover.asp 中看到的那样,我制作的以下脚本工作错误:它同时悬停在所有这些上,并且不再悬停。当您尝试实际将鼠标悬停进出每个链接时,链接会重新打开:
这太恶心了。除了最后一点脚本甚至不能在 ie 中工作之外。
你能帮我做这件事吗?伙计们,那真的很甜蜜。我知道那里有很多天才,他们可以立即搞定这个。或者,如果您有更好的方法来解决它,请告诉我。
谢谢大家,希望你们都玩得开心。
flash - 嵌入两个幻灯片
我正在尝试将两个幻灯片嵌入到我的 Flash 文件中。
我已经设法集成了一个,但我无法集成另一个,因为我对 actionscript 的了解非常有限。对于熟悉 Flash 的人来说,这是一个非常简单的问题。我必须在这个脚本中重命名什么,以便我可以创建第二个幻灯片,而不必总是调用第一个。
这是第一个幻灯片的脚本:(我是从我购买幻灯片模板的网站上获得的)
javascript - Jquery 图像幻灯片的奇怪行为...帮助!
我根据此处找到的教程构建了一个 jquery 幻灯片: http ://www.queness.com/post/152/simple-jquery-image-slide-show-with-semi-transparent-caption
它似乎工作得很好,除了它在显示第一张图像时一开始就表现得很糟糕。第一个图像看起来像正常,然后闪烁,变白并完全消失。之后,第一张幻灯片重新出现并正常运行,过渡到下一张图片。
有问题的幻灯片是右侧的中心页面: http ://www.loftist.com/
我不是 JS 开发人员,所以我不确定如何解决这个问题。任何帮助将不胜感激,谢谢!
jquery - 将 HREF 和类附加到 PhotoSlider 脚本生成的 img 链接?
我正在使用来自http://opiefoto.com/articles/photoslider的非常好的 PhotoSlider 脚本为我的一位客户创建图像幻灯片。
此脚本取代了以前的手动编码 Javascript 解决方案,该解决方案允许单击大图像,从而导致灯箱模式弹出窗口显示所单击图片的全尺寸版本。
当然,客户坚持这个功能保持不变,但是大图像的 HTML 代码是由 PhotoSlider 脚本本身即时生成的。
这意味着我需要稍微修改脚本以附加一个类(“灯箱”)和一个 href(或只是一个单击事件,以更有意义的方式为准),但我不太确定如何最好地完成此操作。我认为每次单击缩略图时都必须附加事件和课程,但如果这不是最好的方法,我们将不胜感激。
该脚本被实现到我的页面中,可以在这里看到,没有点击或类。我非常感谢 stackoverflowites 可以提供的任何帮助。
提前致谢!
javascript - 当图像更改为背景图像时,Javascript中的幻灯片
客户希望有一个简单的幻灯片,有点扭曲:他希望菜单位于正在更改的图像之上。
使用css和javascript实现这一目标的方法是什么?
plugins - 原型/脚本循环(幻灯片)插件
我有很多网站使用一些 Prototype/Scriptaculous 插件,例如 lightbox 和 modalbox,因此在各个页面上都包含对这两个库的引用。
我现在需要在每个页面上实现一个幻灯片,为了效仿,我需要一个原型循环或幻灯片插件。要求相当简单:
- 图像应每 N 秒淡入/淡出
- 四个控件:上一个、暂停、播放、下一个
- 我更喜欢通过 JavaScript 将图像添加到幻灯片中;不是通过添加太多标签
任何人都可以建议一个可以轻松定制并且不像大多数其他插件那样臃肿的现有插件。
这是一个提供类似功能的 jQuery 插件:http: //malsup.com/jquery/cycle/lite/
javascript - 没有绝对定位的javascript幻灯片
我需要这样的东西 http://jonraasch.com/blog/a-simple-jquery-slideshow
但没有绝对定位。是否可以?
如果不是,我该如何处理绝对定位 - 如果我让它以一个屏幕分辨率为中心,它不会是另一个屏幕分辨率。有小费吗?
javascript - Create Slideshow with Fade Transition and Navigation
I am trying to create a slideshow like the one on this site: http://www.marthastewart.com/
However, I would like to use JavaScript and CSS instead of Flash. I would be super grateful for any suggestions on how to do this. I am currently using the InnerFade plugin, which works great for the slideshow part, but I can't figure out how to integrate the navigation; I'm not even sure where to start! :) I'm open to starting over from scratch and not using InnerFade.
Thanks for any help!
javascript - 幻灯片顶部的菜单故障
我已经实施了以下设置(在被要求后):
图像幻灯片的变化,用户鼠标悬停后,菜单会出现在右上角,鼠标移开它会消失。问题是当我尝试将鼠标悬停在其项目上时菜单出现故障,它发生在 IE6/7 和 FF 3.5 中。
我试过 Jquery hover、mouseenter/mouseleave,结果都一样。 http://www.codecookery.com/test/index.html
有没有可能让它完全没有故障?
javascript - 如何创建“无尽”的滚动幻灯片?
我知道一点 JS 并且我熟悉 jQuery,我正在尝试创建一个“无尽的”幻灯片(就像http://thisismedium.com/上的那个),其中图像滚动 - 一个正确的在另一个之后 - 当它到达终点时它会循环。
我真的不知道如何开始,所以我希望有人能指出我正确的方向。在此之前我创建了一个幻灯片,它会自动切换图像并让您单击 Next 和 Previous,但我被困在这里。=/。