问题标签 [elastislide]

我正在使用一个名为 Elastislide 的 jQuery 插件，可以在这里看到：http: //tympanus.net/codrops/2011/09/20/responsive-image-gallery/

我遇到的问题是我试图在图库图像描述区域中插入一个超链接，但它似乎不允许任何 html 编码在这个区域工作。有什么办法吗？

相关的 html 代码如下所示：

我在使用 elastislide.js 时遇到了一些问题。当我的浏览器缓存为空（对于 chrome、firefox 和 safari）并且我的所有网站都在加载时，elastislide 工作正常并显示我的项目。但是，当我重新加载页面时，这些项目被缓存，它们不会出现。它们已加载，但 max-height 和 height 设置为 0px。

在此先感谢您的帮助。

我想了解这是如何工作的。

我想使用的 jQuery 轮播是 Elastislide。
http://tympanus.net/codrops/2011/09/12/elastislide-responsive-carousel/

该站点为我们提供了我们需要使用的代码：

我还在 jquery.elastislide.js 文件中找到了这些行，但它被 /* 忽略了

这是 HTML：

HTML 显然会查找所有这些项目。但它是 javascript 根据可用的内容决定在 html 中显示的内容，对吗？

所以我的猜测是，在我对它做任何事情之前，html 需要看起来像这样：

我需要向它添加Javascript。否则如何添加图像和链接等列表项？
有人可以确认这是正确的吗？
我认为在那之后我还没有完成，我需要在某处添加路径，可能也在 javascript 中。
否则它将如何知道它需要在哪个文件夹中查找？

为了使事情变得更复杂（或者可能不是），我试图在 Joomla 中做到这一点。
我可以安装扩展程序，或多或少地做一些与这个轮播类似的事情，但我不想这样做，因为归根结底就是在没有真正理解的情况下点击按钮。

谢谢你。

我想一次移动一张图像，而 elastislide 插件却无法弄清楚。我在插件评论中读到，您可以将第 295 行从 this: 更改var amount = this.fitCount * this.itemW, val;为 this:var amount = this.itemW;但代码自 2012 年发布以来已更新，不再有效。有人可以帮帮我吗。

我需要在我的网页上有多个 elastislide 查看器，但我一辈子都无法让它们工作......我尝试使用此处已解决的类似问题的示例，但它仍然无法正常工作。

如果有人可以给我看一些代码，或者一个我可以逆向工程的真实工作示例，那就太好了！

谢谢

我在网页上使用了 2 个弹性滑块，在 Firefox、Chrome、Safari、ie8 和 10 中一切正常，但在 ie9 中某些图像无法加载。无法加载的图像是随机的（页面刷新会导致不同的图像无法加载）。当我左键单击并选择“显示图像”时，图像看起来很好。我已经添加了一个为特定于 IE 编写的图像加载脚本，但这似乎没有帮助。任何人？

I am using Elastislide for an image slider for a site I'm working on (http://tympanus.net/codrops/2011/09/12/elastislide-responsive-carousel/).

Love the plug in and it works well in this responsive site (I've modified it to only slide one image at a time based on this answer: elastislide move one at a time), however I would also like to modify the JS so that it works with images of varying widths.

Currently itemSpace is calculated according to the first image width, and this works fine if all the images are the same size. But as soon as you chuck in a bunch of images all with different widths, then the maths is wrong and it slides to the wrong positions.

I've tried playing with different things in the JS and I just can't get it working.

Any suggestions would be appreciated, thanks!

我正在使用EASTISLIDE – A RESPONSIVE JQUERY CAROUSEL PLUGIN 该插件在我的网站上完美运行。但是当鼠标悬停时我需要停止滑动

下面是自动播放滑动的代码

和

感谢您的帮助

http://tympanus.net/codrops/2011/09/12/elastislide-responsive-carousel/

该插件根本没有加载到我的页面上，这就是我所做的：

• 将所有文件上传到服务器并在lib.js之后的 head 部分中调用jQuery

• 上传并链接所有样式表

• 插入html并ul包含图像到适当的正文部分

现在我尝试在ULvia 之后直接调用插件：

但是我不断从谷歌 JS 控制台收到以下错误：

当我扩展错误时，它会显示以下内容：

正如我所提到的，插件根本没有显示，包含图像的原始无序列表也没有显示。您可以提供的任何信息或见解都会有很大帮助。我是一个jQuery菜鸟，但真的需要让这个工作。

我从这里使用 Elastislide 垂直旋转木马

这是垂直的

我已经更改了轮播的高度和其中的 <li> 项目的高度以显示 4 个项目而不是 3，但是在单击任何导航箭头后它只会移动 3 个项目而不是 4，并更改了 js 的默认选项从 3 到 4 的代码