问题标签 [easyslider]

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.

0 投票
1 回答
828 浏览

jquery - 图像未显示在 css/jquery 滑块中

我设置了 12 个 div 来显示一个缩略图和一些来自数据库调用的动态文本。他们自己向下显示页面,没问题... div +边框,缩略图,文本。

然后,我尝试将这些“框”放入水平滑块中,以便访问者可以在感兴趣的情况下滚动浏览它们。

我的问题是,缩略图不会显示...... div/box 显示正常,文本也是如此,但图像不显示?

img 标签绝对是正确的,所以我想我需要在其中一个 div 中添加一个 display 或 z-index 标签,但我现在正在绕圈子。

请问有什么建议吗?(我使用的是easyslider 1.7)

HTML:

CSS

0 投票
2 回答
326 浏览

css - 用图片替换 CSS 链接或隐藏在下面?

问题出在我的网站上:http: //windowsphonedaily.blogspot.com/

我一直在绞尽脑汁想办法解决这个问题。基本上,我想使用EasySlider 1.7创建一个“精选帖子”滑块。滑块是您在网站上看到的第一件事。

安装过程中一切似乎都很顺利,但是一旦我完成后,我意识到 nextText 和 prevText 显示在我的背景图像之上。这似乎是一个不能用 css 或 html 修改的属性,因为我认为它嵌入在提供的 javascript 中。

我尝试了在这个问题中找到的最佳答案(“CSS 文本替换为图像,需要超链接”),它适用于 nextBtn,但是当我为 prevBtn 尝试它时,nextBtn 消失并被默认设置取代。如果有人可以向我解释如何正确使用这两个按钮的方法,那么该解决方案就可以了。

但如果你不能那么请帮助我想出任何其他解决方案。我不太精通 CSS 或 HTML,所以我现在正在学习。这可能是我犯的一些愚蠢的错误,但我仍然想知道如何解决它!

提前感谢任何回复的人!!

0 投票
1 回答
719 浏览

html - EasySlider 和 CSS 不能很好地发挥作用

我只是想知道您能否告诉我为什么www2.chrislrobinson.co.uk上的滑块无法正常工作。我已经从他们的示例中提取了代码。页面第一次加载时它似乎工作正常,但如果你刷新,图像在整个页面上被拉伸并且非常薄(即高度和宽度被搞砸了)。

这是相关的HTML:

和解释的CSS:

谢谢!克里斯

编辑: 如果你不断刷新它,它最终会再次起作用!但这并不是真正的解决方案......

编辑 2: 我发现当它奇怪地显示时,这是 HTML:
<div id="slider" style="width: 953px; height: 18px; overflow-x: hidden; overflow-y: hidden; "> 有人知道为什么这可能会改变吗?

0 投票
1 回答
209 浏览

jquery - easySilder 1.7 jquery - 页面重新加载后移动到最新选择的幻灯片

我有一个用easySlider 1.7 实现的菜单。

代码是这样的:

现在,在我单击菜单上的链接后,页面重新加载,并且我失去了“上一张当前幻灯片”的轨迹,其中我有选定的链接。

重新加载后如何转到该幻灯片或使其成为默认幻灯片?

PS:与 ajax 一起工作,但如果我使用 ajax,我会遇到一些其他 php 生成的 javascript 变量的问题,这些变量取决于每个链接。您可以在以下网址查看预览:http: //5election.com。请注意我遇到问题的左下角的滚动菜单。

提前致谢。

0 投票
1 回答
658 浏览

javascript - EasySlider 和灯箱冲突?

在我的网站上:http: //windowsphonedaily.blogspot.com/

每当我尝试添加任何 JavaScript 函数(如“continuous: true”)时,我首先注意到 EasySlider 1.7 存在问题。完成后,两个导航按钮(prevBtn 和 nextBtn)就会消失,因此我必须撤消所做的任何更改。然后我意识到我用于文章图像的简单灯箱无法正常工作,只能充当图片的正常直接链接。

所以我认为问题很可能出在我网站的 Javascript 中。我通常遵循教程和指南中的示例,所以我真的不知道如何在不冲突的情况下实现多个脚本。

一般来说,我对 Javascript 了解不多,所以我要提醒你我是菜鸟!

这是我当前使用 Lightbox 和 EasySlider 的设置。我敢肯定这可能是我犯的一些愚蠢的错误,但任何帮助都会受到赞赏!谢谢!

更新:我在这个网站上尝试了详细的修复,它修复了 Lightbox,但它破坏了 EasySlider。

0 投票
2 回答
1445 浏览

jquery - 带有字幕的 Jquery EasySlider - 最后一张幻灯片没有动画

我使用 EasySlider 创建了幻灯片,并添加了悬停/动画功能以添加能够启动 Shadowbox 的标题覆盖。

我的问题是最后一张幻灯片似乎使我的标题序列为空。该函数将在幻灯片过渡时运行,但当它完成时,标题将返回其原始位置。这只发生在序列的最后一张幻灯片上。

谁能告诉我如何更改我的字幕功能或 EasySlider 以使其正常工作?

http://zachinscho.com/save/kreber_test/V2/

谢谢

0 投票
1 回答
1670 浏览

jquery - jQuery easySlider 多个滑块的错误?

我在一页上有 4 个easySlider,但它们不能正常工作......一个工作完美,而两个有点同步,最后一个只是不动,我不知道如何修复它......这里是我的 jQuery:

这是我的html示例:

0 投票
1 回答
501 浏览

javascript - 无法让 jQuery Easy Slider 插件工作 - 请帮助

我在我的网站上使用 jQuery 的 Easy Slider 扩展,但无法正常工作。我以前用过它,没有任何问题。它已成功调用,Easy Slider 的某些功能正在运行,但并非全部。

示例页面: http: //174.120.138.5/~mjbradle/
CSS: http: //174.120.138.5/~mjbradle/sites/all/themes/mjb/main.css
JS:http: //174.120.138.5/~mjbradle /sites/all/themes/mjb/slider.js
JS:http: //174.120.138.5/~mjbradle/sites/all/themes/mjb/main.js

任何帮助将不胜感激。

谢谢!

查克

0 投票
2 回答
602 浏览

jquery - Cufon 文本在克隆幻灯片中带有延迟 (Easy Slider 1.7)

我正在使用 Easy Slider 1.7 并且我已经打开了它的“连续”选项。clone()它克隆了第一张幻灯片,因此使用该功能不会破坏连续性。在这张新克隆的幻灯片中,cufon 文本会在一段时间后出现。你可以明白我在这里的意思。谁能告诉我如何避免这种延迟?

0 投票
1 回答
887 浏览

javascript - 两个带有简易滑块 1.7 的幻灯片

我正在使用这个http://cssglobe.com/post/5780/easy-slider-17-numeric-navigation-jquery-slider Easy slider 1.7 在我的网站上实现一些幻灯片。

当只有一张幻灯片时,它可以正常工作。但我需要在两个不同的地方在网页上播放幻灯片。因此,当我使用下一个/上一个按钮时,两张幻灯片都会向前/向后移动。

我为两个 div 的按钮创建了单独的 ID。此外,这两个 div 具有不同的 ID。

下面的代码调用幻灯片:

<script type="text/javascript"> $(document).ready(function(){
$("#slide1").easySlider({ auto: true, continuous: true }); $("#slide2").easySlider({ auto: true, continuous: true }); }); </script>

在我的 javascript 文件中,我有以下内容:

(函数($){

有人可以帮忙吗?