编辑:不知何故,在搞砸了两天之后,我知道我会在我把它贴在这里之后弄清楚。供将来参考,由于高度和宽度的某种原因,自动似乎不起作用。在循环插件中手动定义它,如果您使用不同尺寸的图像,请使用查找器功能查找最大值。这似乎可行,但如果有人有解决方案让“自动”恢复工作,我会喜欢的。很抱歉在这上面浪费了空间!
工作周期代码:
$('.fadeit').cycle({
fx: 'fade',
*width: 240,
*height: 320,
speed: 300,
timeout: 3000,
next: '.fadeit',
pause: 1 ,
slideExpr: 'img.andy'
});
这是我看到其他人遇到的问题,我以前遇到过并解决了。不幸的是,即使在使用了之前似乎有效的“修复”(绝对定位和向左或向右浮动)之后,它也弹出了。当我的页面开始加载时,文本出现在图像旁边,正如它应该的那样。一旦 cycle-lite 启动,文本就会移动到幻灯片下方(因为它的 z-index 看起来较低),所以它被隐藏了。我使用什么 css 配置似乎并不重要,但我假设它一定是问题所在。我听说完整的循环插件可以工作,但我只能编辑身体的一部分,而循环精简版是头部预先包含的内容。我也无法真正更改“这是一些文本”,因为我并不总是写它的人。这要进图书馆,但我不能
我的代码:
<div height="320" width="240" style="position:relative; float:left; padding:5px;" id="thisisit" class="fadeit">
<img height="320" width="240" alt="" src="http://news.phdcon.com/UserFiles/217/image/2750/2750-1.jpg" style="position:relative; display:none; float:left; padding:5px;" class="andy" />
<img height="320" width="240" alt="" src="http://news.phdcon.com/UserFiles/217/image/2750/2750-2.jpg" style="position:relative; display:none; float:left; padding:5px;" class="andy" />
<img alt="" src="http://news.phdcon.com/UserFiles/217/image/2750/2750-3.jpg" style="position:relative; visibility:visible; float:left; padding:5px;" class="andy"/>
<script language="javascript" type="text/javascript">
window.onload=function() {
var aclass = '.' + 'andy';
$(aclass).css('display','inline');
$('.fadeit').cycle({
fx: 'fade',
speed: 300,
timeout: 3000,
next: '.fadeit',
pause: 1 ,
slideExpr: 'img.andy'
}); };
</script>
</div>
This is some text.