问题标签 [responsive-slides]
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 - 如果我在 Google Drive 上托管我的网站,如何使用 responsiveslides.js?
我从这里下载并实现了原始文件,但它无法播放。
有趣的是,当我使用 pancakeapps 在 Dropbox 上托管我的文件时,它确实有效。在使用 Google 托管时,是否有什么阻止我使用脚本?
jquery - 将文本添加到 Jquery responsiveslides 滑块
你好实际上我正在使用来自响应幻灯片的 jquery responsiveslides
我怎样才能像这样为每张幻灯片添加文本可以有人指出我正确的方向
javascript - Full-Width-Responsive-jQuery-Slider 无法正常工作?
我使用过全宽响应式 jQuery-Slider-Banner-Rotator-Plugin
为了获得全屏宽度,我在我的网站上实现了这个,但我遇到了一个问题。
图像上有五个点。滑块按照点的顺序显示图像。每当我点击滑块上的任何一个点(即第 4 个点)时,它都不会从那个点继续(即;不是在第 4 个图像之后显示第 5 个图像),而是按照之前的点顺序(即;显示第 2 个图像)。
任何帮助,将不胜感激。
html代码:
调用插件:
jQuery代码:
jquery - responsiveslides.js - 获取当前幻灯片
需要从滑块中活动的当前幻灯片中获取“数据编号”值。我想使用此值在页面的另一个 div 中显示/隐藏附加信息。或者,如果除了添加特定的“数据编号”值之外还有其他方法,请告诉我 - 我在文档中没有看到返回幻灯片编号的任何内容。
我知道我可以使用 'after' 回调来做我想做的事,但我不确定如何首先获得这个值。
javascript - 如何将 responsiveslides.js 与 jimdo 一起使用?
我想将ResponsiveSlides.js与 jimdo 一起使用;
我应该如何修改我的 jimdo 页面的标题,它将起作用?
css - jquery 滑块中的 1px 故障
每次幻灯片转换时,图像都会向上和向左加载 1px,然后在转换完成后重新定位。
我认为问题出在网站的 CSS/布局中。
这只发生在Firefox中。
当我在预览模式下测试滑块时(隔离环境,只是弹出的滑块),没有问题。所以我认为这与javascript无关。
这是一个 Wordpress 网站。元滑块插件。关于“R. Slides”(基于 responsiveslides.com)。
有任何想法吗?
它发生在我的“阶段/位置”部分这里在“阶段 A”到“支持/位置”部分下
jquery - bigSlide.js - 屏幕外滑动面板导航
我正在使用出色的 bigSlide.js 屏幕外滑动面板导航插件(链接如下)。当您在移动设备(iPhone 5)上上下滚动页面时,我遇到了一个间歇性问题,菜单弹出,我不知道是什么触发了这个问题,正如我所说,它看起来很随机,没有任何真实的模式给它。抱歉,我目前无法进一步诊断此问题,但如果您想尝试复制此问题,下面有一个链接。有没有人在使用这个插件时遇到过类似的问题?我已经尝试联系插件作者寻求想法,但目前还没有回复。
正在运行的插件 http://isodo3d.atelierhq.com/
bigSlide.js http://ascott1.github.io/bigSlide.js/
我确定这一定与触发以下CSS有关
css - CSS不透明度过渡在双旋转元素中不起作用
首先请原谅我的英语不好,我是法国人。我会尽力而为!我今天在这里,因为我第一次找不到我的问题的答案。星期一我需要展示一个网站的演示,我开始恐慌!
所以,我有一个带有rotate (45deg)
. 在这个 div 中,我在 inline-block 中有两个 div 其他 div (带有 css 旋转(-45deg)。左边我有一个滑块,右边有一个文本和快捷方式。今天我将滑块加入到左侧位置(我在 joomla 上工作)。它工作得很好,但我的幻灯片过渡有问题。如果我点击“下一个”或“上一个”,全局 div(主容器)在过渡期间变得模糊。我做了截图正确位置上的文本(最好看到差异)。
小提琴例如:
http://jsfiddle.net/asakuras/8Pk3S/11/
图片例如:
在点击之前和点击之后,在过渡期间:
http://www.morgann-c.com/tools/js/bug.jpg
说明:
我测试了很多可能性来清理它,但目前没有解决方案。在脚本(responsiveslides.js)中,过渡是通过不透明度减少的。在脚本的第 71 行有 opacity 的配置:
如果我将隐藏类的不透明度更改为0,则没有过渡,但错误消失了!我认为这是 CSS 的不透明度过渡的问题。如果我删除所有 div 的旋转,错误也会消失。我测试了所有的 CSS 转换,但没有结果......
我正在处理这个错误 3 天,快速找到解决方案对我来说非常重要......我恳求你,如果有人已经遇到这个问题,我会接受!
祝您周末愉快,并在此先感谢您...
编辑 //// :
Firefox 30:点击时“模糊”
Chrome 35.0.1916.153:页面加载时到处“模糊”
IE 11:没有问题,没有“模糊”,一切正常!
jquery - 如何向上移动jquery移动面板
我正在开发一个移动响应页面。其中有多个图标的主页,点击每个图标将显示一个结果编号示例:如果用户点击底部容器中的 Apple 图像,将显示苹果类别结果的编号。即共有 12 个苹果类别。当用户点击搜索结果按钮时,整个页面应该“向上移动”以显示所有 12 个苹果列表。
一般jquery面板向左或向右滑动。我在点击按钮或链接面板时看到的类似效果应该像面板右侧或左侧一样向上移动。
如果有任何类似或现有的解决方案,请帮助我
在此先感谢并原谅我的便便英语
谢谢
jquery - Owl-carousel responsive crop width on resize jquery css
I'm using owl carousel to create a gallery carousel/slide show on our main page. http://owlgraphic.com/owlcarousel/
But we want it to be responsive but not resize the image, instead crop the width equally up to a certain maximum "crop amount". Here is the code so far.
I've tried targeting my carousel div #home-carousel, all the wrappers, items, img, none of them seem to work as I want, there is always overlapping images or this white block on the right of the page (because the image is moving to the left) One thing that worked was making #home-carousel div have a very high width like 10,000 but that is not good because of the horizontal scrollbar that will appear on the page.
Maybe there is a much simpler way to do this?
EDIT: moving the img works best so far, while sizing down, but while sizing up you can see overlapping images. This may be due to "refresh rate" or how often the resize event is triggered. I'm thinking i'll need to manually hide items and show current one only. Any other solution is welcome.