我正在尝试使用优秀的Cycle 2 jQuery插件设置响应式图像库.画廊将展出肖像和风景图像.
我使用的是Centered Slides选项(Cycle2的中心插件:http://jquery.malsup.com/cycle2/demo/center.php),这似乎导致Webkit浏览器出现问题(尝试调整浏览器窗口大小,如果这不是'一开始很明显!)
绿色背景代表循环容器.
如果没有添加中心选项(data-cycle-center-horz = true data-cycle-center-vert = true),整个过程运行良好,请参阅:
我无法弄清楚导致中心版本问题的原因.
图像上的CSS代码非常小:
.cycle-slideshow img {
max-height: 100%;
max-width: 100%;
}
Run Code Online (Sandbox Code Playgroud)
包含元素的CSS就在这里
.cycle-slideshow {
background: green;
display: block;
position:absolute;
height:auto;
bottom:0;
top:0;
left:0;
right:0;
margin:20px auto;
padding:0;
width:80%;
}
Run Code Online (Sandbox Code Playgroud)
非常感谢您的帮助!
我已经在这里找不到了,希望有人能提供帮助。
我需要将链接(.more)附加到其前面的段落中-我确定这很简单,但不能完全正确:
<p>Lorem ipsum</p>
<p>Lorem ipsum</p>
<p>Lorem ipsum</p>
<a href="#" class="more">Read more</a>
<p>Lorem ipsum</p>
Run Code Online (Sandbox Code Playgroud)
最终的HTML中可能有更多的段落,我需要这样做的原因与CMS有关。但是基于以上内容,我的目标是:
<p>Lorem ipsum</p>
<p>Lorem ipsum</p>
<p>Lorem ipsum <a href="#" class="more">Read more</a></p>
<p>Lorem ipsum</p>
Run Code Online (Sandbox Code Playgroud)
我试过了:
$(".more").appendTo("p");
Run Code Online (Sandbox Code Playgroud)
但这显然会附加到所有段落中……也许这是prevAll的工作,但我不能完全同意。
在此先感谢您的帮助!
我想知道是否有人可以帮助我 - 我正在尝试使用jQuery在点击"切换"类的按钮时将视频加载到页面中.在第二次点击时,我希望删除视频 - 有效地在追加和删除之间切换.
这是迄今为止的代码 - 因为它的切换按钮只是继续添加更多的视频实例.我知道到目前为止还没有切换功能,希望有人可以了解实现这一目标的最佳方法.我还在学习jQuery :)
$(function(){
$('.toggle').click(function(e) {
e.preventDefault();
var content = '<video id="my_video"><source src="animation.mp4" type="video/mp4"/></video>';
$('#videowrapper').append(content);
_V_('my_video', {'controls': true});
});
});
Run Code Online (Sandbox Code Playgroud)
非常感谢您的帮助!