使用jQuery Cycle插件移动DIV标签

时间:2010-07-13 05:37:56

标签: jquery jquery-cycle

我正在重新设计我们的网站和一个页面,我正在尝试在页面顶部的旋转轮播中构建。它在Firefox上没有任何问题,但CSS在IE中都搞砸了(在IE8中没有背景,在IE8中没有背景和页面都搞砸了IE和兼容性开启)。页面是http://redesign.riversidecg.com/services.asp

这是循环调用:

<script type="text/javascript"> 
$(document).ready(function() {
  $('.slideshow').cycle({
    fx: 'fade',
    speed: 2500,
    pause: 1,
    pager: '#nav'
  });
});
</script>

页面中的代码:

<div id="content">
  <div class="slideshow">
    <div><!--#include virtual="/inc/content-div/1.inc.asp"--></div>
    <div><!--#include virtual="/inc/content-div/2.inc.asp"--></div>
    <div><!--#include virtual="/inc/content-div/3.inc.asp"--></div>
    <div><!--#include virtual="/inc/content-div/4.inc.asp"--></div>
  </div>
  <div id="nav" class="nav"></div>
</div>

谢谢! 乔

1 个答案:

答案 0 :(得分:0)

您是否明确指定div代码的宽度和宽度? CSS中的高度?

<div><!--#include virtual="/inc/content-div/1.inc.asp"--></div>
<div><!--#include virtual="/inc/content-div/2.inc.asp"--></div>
<div><!--#include virtual="/inc/content-div/3.inc.asp"--></div>
<div><!--#include virtual="/inc/content-div/4.inc.asp"--></div>

如果您没有在外部工作表中指定,我建议您在CSS中为它们分别设置宽度和高度。如果我查看代码,我看到有内联样式应用于它们,但我不确定它们是由jQuery.Cycle还是由你指定的?