问题标签 [nivo-slider]

我正在使用出色的 Nivoslider 插件在我的主页上展示一组照片，目前是 5 张。一切正常，但每张照片增加了大约 150K 的页面重量。我实际上想展示大约 10 张“幻灯片”，但由于所有这些图片都是在页面打开时预加载的，页面重量很快就会变得（太大），特别是因为许多用户可能不会等待“展示”完成。

我想知道是否可以不预加载图像，或者更好，只预加载 x 个图像。我在文档中找不到任何关于它的信息，所以我认为它不受本机支持。有任何想法吗？

为了确保我没有搞砸术语，这里是代码示例。我正在使用jQuery Nivoslider，当我在列表框中更改它们时，我希望能够更改使用的效果。我可以在 div 中显示效果应该是什么，但实际效果并未应用于滑块。

我期待这样的东西： jQuery("#slider").effect = values; 但这似乎不起作用。

以下是部分代码：

好的，这是我第一次尝试使用 Nivo Slider。我的滑块卡在第 4 张照片上，它根本不滑动。我几乎完全不知道如何调用底部的子弹导航。这是我的代码；

HEAD 中的样式表：

页面上的 Nivo Slider div：

页面底部的 JavaScript：

这是我的CSS：

我一遍又一遍地浏览了 Dev7 的演示和支持页面，但我完全迷失了。任何帮助都会很棒！

我对 Nivo Slider 有一个小问题。我有 4 张照片（2 张风景和 2 张肖像）。当我从横向淡入纵向时，最后一张图片留在当前图片后面。

http://kimtesseur.no-ip.biz/vds/Verkoopstyling/Verkoopstyling.html上有一个例子

有没有办法来解决这个问题？谢谢

谁能告诉我如何删除此 Nivo Slider 幻灯片右上角的数字“12345”：

http://www.sabatinossliceofnewyork.com/nivo.php

我已经在这个网站上查看了很多关于 Nivo Slider 问题的帖子。我在 javascript 中检查了我的逗号，它看起来对我来说是正确的：

这是它引用的html。文件夹路径似乎是正确的（毕竟，它在其他浏览器中工作！）：

最后，这是 javascript 的链接：

我浪费了半天时间试图解决这个问题！希望这个强大的列表可以发现问题！

以为我也会添加css，以防万一这可能是罪魁祸首：

我有奇怪的 Nivo Slider 加载问题，图像的左侧显示了我的滑块在进入网站后的外观（这是错误的）和正确的 - 一段时间后。

问题是为什么我的图像在包含 div 之前加载（带有加载动画）并且显示在另一个下方？当然，主容器的位置设置为相对，每个容器 img 绝对位于顶部：0 和左侧：0。有什么想法吗？试图把它放在 jsfiddle 上，但我相信 Nivo 不受支持。

我正在构建一个基于 AJAX 的网站，该网站使用真正简单的历史 (RSH) 框架来处理返回和转发请求。

我还在使用 Nivo Slider 进行简单的幻灯片放映。在 Firefox 甚至 IE 中，这可以正常工作。然而，在 Chrome 和 Safari 中，第一张图片会加载，但仅此而已 - 导航项目符号点不会出现，幻灯片也不会改变。

真正奇怪的是没有错误消息。不在 Firebug 或 Chrome 的 Javascript 控制台中。

我发现罪魁祸首是 json2007.js，它包含在 RSH 中。如果我将其注释掉（连同 RSH 的其余部分），幻灯片将完美运行。

我最初认为 JSON 和 JQuery 可能相互之间存在问题，所以我将JQuery-JSON包含在内，但这并没有帮助。

有没有其他人有这个问题？我做了什么愚蠢的事情导致了问题吗？

这是有问题的网站：http ://camiraenergy.co.uk/ 。幻灯片仅在主页上可用。这应该很明显。（这个网站仍在建设中，所以有些事情没有意义。）

谢谢你的帮助！
缺口

我必须为 iPhone 和 iPad 优化一个小型网站。感谢媒体查询，我正在使用两个 css 文件，一个用于 iPhone 纵向和横向模式，另一个用于 iPad 纵向和横向 + 所有其他文件。网站上有一个图片库，我希望图像使用最大可用区域，具体取决于它们显示在哪个设备上，以及方向模式。

我最终在同一页面上使用了 4 个 nivo 滑块，其中我使用 css (display:none) 隐藏了 4 个中的 3 个。图片由 TimThumb 调整大小。这绝对是一个糟糕的解决方案（例如，所有 4 个 nivo 滑块都在加载并在 iPhone 上运行，即使只显示一个），我想知道这个问题是否还有其他解决方案？

我正在使用Nivo 滑块，但想在滑块上放置一个 PNG 图像，以便它只显示透明的部分。使用 JavaScript 或 CSS 执行此操作的最佳方法是什么？