问题标签 [slidesjs]
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.
javascript - SlidesJS将slidesjs-container的高度设置为幻灯片的高度?
我在我的网站上使用 SlidesJS 作为滑块。我想让每张幻灯片的高度和宽度与当前图像的高度和宽度相匹配。为此,我需要制作元素slidesjs-container
并slidesjs-control
在滑块中拉出当前图像的高度。我已经设法让幻灯片中的图像根据实际文件的尺寸自动调整高度/宽度,但是现在我的滑块和下一个内容部分下方有很多空白,因为容器仍在拉动距离包含滑块的元素的高度。
谁能帮我弄清楚如何设置 slidesjs-container 和 slidesjs-control 的高度以匹配当前图像的高度?
这是设置容器/控制元素高度的javascript:
slidesjs - Custom thumbnail on SlideJS plugin
Is there a way to make the thumbnail images different from the fullsize images on a gallery using SlideJS plugin?
OUR SOLUTION:
We also didn't found anything on the documentation and solved it the following way:
Create a custom attribute on the HTML of the thumbnails gallery:
/li>When some thumbnail gets clicked, make a copy of the thumbnails div HTML, switch the attribute values and set the slideshow:
/li>
javascript - SlidesJS自动播放不起作用
我正在尝试在一个简单的 SlidesJS 轮播上进行自动播放: http ://www.cycle22x.com/
我检查了一些其他回答类似问题的线程,但提供的解决方案不起作用?这是文件中包含的脚本:
任何想法或想法将不胜感激。
javascript - Slide effect flickers with SlidesJS
I have a simple layout in which I have integrated a SlidesJS slider example. Now, the thing is, whenever it slides to an image, the animation flickers and it is buggy. It would translate the position perfectly, but right after being done, it goes back a little bit and comes back again, like trying to run but being pulled back at the right position.
I've uploaded a test case for you: http://test-ground.besaba.com/silmond/index.html
The inital examples, however, work perfectly. The only changed thing in my layout are the slider's sizes. I set the container's width to 56% and its height to 400px.
Do you have any idea why this happens?
javascript - 在 SlideJS 插件中为回调函数选择当前查看的幻灯片
我在插件的论坛上问过这个问题,但我认为他们已经死了,没有意义。也许你可以帮助我。
我需要做的就是选择当前查看的幻灯片元素,这样我就可以用.slideToggle()
. 我尝试的是
但这会返回语法错误:
我认为这是因为slidesjs-index="(index of the automatically enumerated element)"
它不是有效的 HTML 属性,所以浏览器不接受该脚本。您能否建议一些选择当前幻灯片的方法,以便我可以调用回调函数在相关图像上弹出标题?
有没有办法只在标签名称中搜索匹配的字符串并使用它选择元素?
javascript - 适用于 JavaScript 禁用用户的 SlidesJS
我对 JavaScript 很陌生。
我正在使用 SlidesJS,它工作得非常好。
然而,在处理禁用 JavaScript 的用户时,这有点棘手。对于禁用 JavaScript 的用户,图像将被排列。而且我不知道如何处理它,因为图像嵌入在 HTML 代码中。
有没有办法仍然使用 SlidesJS,但是对于禁用 JavaScript 的用户,网页显示一个默认图像,并隐藏所有其他图像?
javascript - 在slidejs分页中获取点击事件
我有一个使用 3 个图像的 slidejs 幻灯片放映,当您单击图像时,它会更改幻灯片容器中的文本。
示例代码:
注意 a href='#'" 标签。我需要添加一个按钮或链接来打开一个 url。jQuery 或 js 是可以的。当我添加一个 href 来尝试这样做时,它会被忽略,点击是拿起http://url.com/#。基本上有没有在一个 href 中有一个 href 来打开一个页面?
slidesjs - SlidesJS跳跃滑动
我们的两个站点都使用 slidesjs 库,但您会注意到,只有在主站点上,每次转换结束时才会有一个跳转。我在这里或 SlidesJS 论坛上没有找到任何以前的主题。有任何想法吗?
这是我们的主要网站: http ://www.xifin.com
这是我们的放射学微型网站: http ://www.xifin.com/radiology
非常感谢帮助。
jquery - JQuery Slider - Chrome 在一张幻灯片上无法正确显示
使用 jquery-1.9.1
SlidesJS 3.0.3 插件
我在尝试在网站上实现的幻灯片放映时遇到了问题 - 特别是当只有一张幻灯片存在时,问题出在谷歌浏览器上。我已经设置了一些示例供您查看。
在这里,我有一个包含 3 个项目的幻灯片 - 这在所有浏览器中都可以正常工作:
http://blahblahdev.atwebpages.com/rotator2.html
.
在这里,我有完全相同的幻灯片,但只有一项。它在 Firefox 和 Internet Explorer 中运行良好,但在 Google Chrome 中幻灯片是白色的 - 没有图像或文本显示:
http://blahblahdev.atwebpages.com/rotator1.html
如果只有一个项目,谁能弄清楚为什么这个幻灯片不能正常工作?
谢谢
jquery - JQuery SlidesJS iPad 链接因一张幻灯片而失败
我知道这是一个特定的设备问题,并且感谢不是每个人都会有 ipad 进行测试。
SlidesJS 3.0.3 插件还有另一个问题。如果我有一张幻灯片,它在 ipad 上显示正常,但是当您单击它时,幻灯片变为空白并且链接不起作用。
http://blahblahdev.atwebpages.com/rotator-ipad.html
如果有不止一张幻灯片,则链接可以正常工作。
编辑我注意到,如果您按下播放按钮(使用任何浏览器),那么幻灯片就会消失 - 这可能与 ipad 的问题相同。