问题标签 [elastislide]

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 回答
859 浏览

jquery - 如何使用新图像集重新初始化 Elastislide 轮播 - 使用 angularjs

我正在使用 angularjs 并想在页面上显示/隐藏轮播。根据页面上的事件,我想删除并稍后再次使用一组不同的图像显示轮播。以下指令用于初始加载轮播。我试图将 angular 的显示/隐藏与 Elastislide 的 add() 函数结合使用。

在以下代码中,轮播按预期进行初始化和工作。问题是当接收到更新轮播的广播消息时,对 $scope.images 的任何更改都会导致轮播中的所有图像消失。随后, carousel.add() 什么也不做。

编辑可能 add() 不适合我正在尝试做的事情。我相信一个更好的设计将是有一个钩子来移除轮播和另一个钩子来用一组新的数据重新初始化 elastislide 插件。

使用以下标记

0 投票
0 回答
744 浏览

jquery - 如何在 Bootstrap 3.3.5(边框)项目中实现 Elastislide(内容框)?

我无法使用 Bootstrap 3 实现 Elastislide Image Gallery。

我正在使用的 Elastislide HTML、CSS 和 JQuery 代码在这里:http ://bit.ly/1o01x3x 。

我正在使用 W3Schools 的 Bootstrap 教程和示例:http: //bit.ly/1sJZYs4

通过在 StackOverflow 上搜索其他类似问题,我了解到该问题与 box-sizing 有关。Bootstrap 使用 box-sizing: border-box 但 Elastislide 使用 box-sizing: content-box。

我曾尝试使用这样的建议:http: //bit.ly/1ECEinM但没有成功,所以我的问题是:我应该如何/在哪里应用该代码以使 Elastislide 与 Bootstrap 3 一起使用?

画廊.php:

elastislide.css:

rg-gallery.css:

画廊.js:

还有 jquery.easing.1.3.js、jquery.elastislide.js 和 jquery.tmpl.min.js。不知道我是否也必须粘贴该代码?

0 投票
1 回答
49 浏览

javascript - 如何将 AutoSlide 效果添加到特定的图片库?

我是 jquery 的新手,我需要有关图片库的帮助。我选择使用图库https://tympanus.net/Tutorials/ResponsiveImageGallery/我想做的是为该图库添加自动幻灯片选项.代码在这里:https ://tympanus.net/codrops/2011/09/20/responsive-image-gallery/ 。提前致谢

0 投票
0 回答
55 浏览

javascript - Tympanus Elastislide : main image sliding animation

I am using tympanus Elastislide Carousel Responsive jQuery plugin for my website. The plugin works perfectly on my site.

But, I want to add animation on main image sliding left to right.

plugin link : https://tympanus.net/codrops/2011/09/12/elastislide-responsive-carousel/

I try to do apply code on this line in gallery.js :

But, it's not working

Anyone can tell me how to do it?

Thanks.