问题标签 [anythingslider]

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

google-chrome - AnySlider - 通过 CSS 更改宽度会导致滑块在 Safari 和 Chrome 中折叠或无法正确显示

我正在根据新数据重写我的问题:

我正在使用 AnythingSlider 将单页网站组织到内容面板中。

滑块在 Safari/Chrome 和 FF 中使用所有默认设置。我重新设计了导航和一些美学细节,滑块在所有三个浏览器中仍然可以完美运行(我还没有检查过 IE)。但是,一旦我更改宽度,整个滑块就会在 Safari 和 Chrome 中消失。在FF中看起来很棒!

我觉得我已经颠倒和横向测试过它,无论我做什么,当我将宽度增加到 1000 像素时,它就会消失。

以下是我尝试过的事情:

  • 添加一个容器 div(包裹滑块 ul),将其宽度设置为 1000px,并将我的滑块 ul 设置为 100%。
  • 设置滑块 ul 宽度并将所有面板保持在宽度:100%;
  • 设置滑块 ul 宽度和所有相关的内部项目(面板、内容 div)
  • 设置我所有图像的宽度和高度

由于它似乎都归结为宽度属性,因此我不会费心发布代码,但如果您想查看其中任何一个,请告诉我!我觉得这一定很简单,我只是想念我鼻子前面的东西......任何帮助或想法都非常感谢!

0 投票
2 回答
941 浏览

slider - 整个滑块在加载时跳跃-AnythingSlider

我正在使用 AnythingSlider 将内容放置在此开发人员的新站点上:

http://sitedev.lcadfiles.com/interactive_barrett.html

当滑块第一次加载到给定页面上时,会有轻微的跳跃(整个滑块、箭头等移动几个像素,然后才进入正确的位置)。着陆后,一切似乎都正常。这种转变似乎不是特定于浏览器的,因为它发生在具有 4 种不同浏览器(以及各种浏览器版本)的旧机器和新机器上。

有什么我设置错了吗?我认为它可能在全球某个地方,比如anythingSlider.js(或者可能是.css——尽管这似乎不太可能),但没有看到任何突出的东西。

0 投票
2 回答
3582 浏览

jquery - 响应式布局中的任何滑块切换参数

anyslider 有问题,有人知道如何使用新参数刷新 window.resize 上的滑块吗?

我已经尝试过调整大小的新调用。但它只适用于较小的布局一次。

在调整大小时,我使用新参数调用该函数..

谢谢帮助。

0 投票
1 回答
1130 浏览

jquery - jQuery: 任何滑块 - 具有不同 CSS 样式的多个滑块

我正在尝试在一页上使用 3 个任何滑块的实例,但是我在设置每个滑块的样式时遇到了问题。

滑块的 ID 为:slider1、slider2 和 slider3

因此,当我尝试以不同的方式设置 slider2 的一部分时,例如:

它不起作用。关于如何实现这一目标的任何想法?提前感谢您的时间和帮助。

0 投票
1 回答
606 浏览

jquery - 任何滑块未定义

我正在为相册使用 AnythingSlider jquery 插件,但在自定义它时遇到了一些问题。

滑块有效,但现在我想显示当前幻灯片编号和总数,并且在 Firebug 中出现错误。

脚本是这样的:

没有前 3 行它可以工作,但是 Firebug 说 $("#gallery").data("AnythingSlider") 是未定义的。

0 投票
1 回答
1203 浏览

css - 任何滑块更改导航按钮的位置

我正在使用AnythingSlider,但我想将其按钮更改为显示在图像的左侧而不是底部。

我相信必须改变<ul>list-style:none;尝试改变不同的位置,但我无法弄清楚如何将按钮的位置更改为左侧并垂直显示,就像这样

这是我的 CSS

0 投票
1 回答
1247 浏览

html - 延迟加载在 AnySlider 中嵌入 iframe 内容

问题:
我一直在尝试创建一个站点,该站点在 AnySlider 的幻灯片中包含嵌入的 iframe(8tracks.com 播放列表)。页面完全加载后,一切正常,嵌入 iframe 运行良好,只是我有这么多内容(8 个不同类型的滑动面板),在某些情况下需要 30 多秒才能将所有 8 个滑动面板加载为一个大热门所以我想在请求幻灯片页面时延迟加载嵌入的 iframe 内容,但我无法为此目的调整图像延迟加载编码。

迄今为止的尝试:
我想我可以简单地将来自 AnythingSlider 记录的图像延迟加载编码的 img 标签引用与 iframe 的图像交换,因为它们都只是对 src 的引用,所以它可以工作,但到目前为止这已被证明不是就是这样。下面的代码为图库中的图像启用了延迟加载,但是将其切换到 iframe 到目前为止还没有奏效:

如果您甚至可以帮助我指出正确的方向,我将非常感激,因为这几乎是我在整个站点中尚未解决的最后一个小问题。

这是页面的框架,其中包含所有需要的组件作为 zip 包 (200kb),如果有帮助,请从我的保管箱链接.. http://dl.dropbox.com/u/23417244/AnythingSlider.zip

非常感谢您的帮助!!-布拉德

0 投票
2 回答
1446 浏览

jquery - 在这些演示中,我如何利用外部导航来创建任何内容滑块来创建上一个下一个外部控件

这是 AnySlider 的两个资源示例

http://jsfiddle.net/Mottie/Cm479/4398/

http://jsfiddle.net/Mottie/Cm479/4401/

我需要简单的上一个/下一个和暂停播放导航,但对于任何滑块来说都是外部的。谁能帮我解决这个问题?

最亲切的问候,

朱奈德

0 投票
1 回答
1686 浏览

jquery - 使 jquery.anythinglider 响应

我正在使用anythingslider,并且在尝试使其与移动响应视图兼容时遇到了重大问题。

基本上我正在做的是当窗口调整大小时我改变了这些变量:

匹配在调整大小时更新的此变量:

就整个视图容器而言,有些东西看起来更好,但幻灯片仍以其原始宽度过渡,从而使多个幻灯片出现在一个视图中。

其他人试图改变宽度?我在另一个答案中读到了如何设置一个变量,使其在一行代码中响应,但我没有运气尝试实现它。我做错了还是不适用于此滑块?

0 投票
1 回答
346 浏览

ios - AnySlider - video.js 导致 iOS 失败 - 此 JS 文件是否有部分构建?

我在 AnySlider 幻灯片中放置了几个视频以及每个视频中的其他内容类型。除了 iPhone 3 和 iPhone 4 上的 iOS 之外,它们在我测试过的所有浏览器上都能正常运行。我使用的是 AnythingSlider 视频控制器 1.3 测试版(AnythingSlider 1.8.6 下载仍然附带的那个)。

如果我将 jquery.anythingslider.video.js 排除在外,视频将在 iPhone 上播放。问题是如果没有 video.js,放置在滑块内的任何视频即使在单击下一个/上一个并前进后仍将继续播放。如果视频没有音频(但我的一些视频有音频,所以当您查看完全不同的幻灯片时您仍然会听到它),这不会是一个缺点。

我在 jquery.anythingslider.video.js 中找到了关于 iOS 崩溃的问题。这似乎是由于此脚本使用的 Flash 处理而发生的。任何使用 Flash 的东西,即使它是 JS 中函数的一部分(或者很多时候仅用作后备),似乎都会让 iPhone 绊倒。

我的问题是:是否存在 jquery.anythingslider.video.js 的部分构建,它只会在幻灯片前进时自动停止视频,同时不包含 Flash 引用,以便它仍然可以成功地与 iOS 一起使用?

感谢您花时间阅读本文以及您可能有的任何意见。