使用 jQuery Cycle 插件在 DIV 标签之间移动

发布于 2024-09-09 01:31:34 字数 1019 浏览 3 评论 0原文

我正在重新设计我们的网站，我正在尝试在页面顶部构建一个旋转的信息轮播的页面。它在 Firefox 上没有问题，但在 IE 中 CSS 完全混乱（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>

谢谢！乔

原文

I'm redesigning our site and one page I'm trying to build in a rotating carousel of information on the top of the page. It's having no issues on Firefox, but the CSS is all messed up in IE (no background in IE8, no background and page is all messed up in IE8 with IE& compatability turned on). Page is http://redesign.riversidecg.com/services.asp

Here's the cycle call:

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

And the code in the page:

<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>

Thanks!
Joe

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

卸妝后依然美 2024-09-16 01:31:34

您是否明确指定 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 还是由您指定？

Do you explicitly give the div tags a width & a height in your 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>

I would suggest giving them each a width and height in your CSS, if you didn't specify that in your external sheet already. I see there are inline styles applied to them if I look at the code, but I'm not sure if they are specified by jQuery.Cycle or by you?

回复收藏 0 原文

~没有更多了~