- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我试图弄清楚我的 jQuery Cycle2 幻灯片放映发生了什么……问题似乎出在 Windows 7 和 FireFox 组合中,我无法在任何其他情况下重现该问题。
所有图像都可以正常加载,但即使在图像加载之后,图像之间的过渡,它也会加载图像的一部分,然后在一秒钟后加载其余部分。解释起来有点困难,所以我上传了一个视频来帮助:https://www.youtube.com/watch?v=euttwaR4iKk
这是我的 HTML 的第一部分:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>Holland Engineering</title>
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="icon" type="image/png" href="images/favicon-32x32.png" sizes="32x32" />
<link rel="icon" type="image/png" href="images/favicon-16x16.png" sizes="16x16" />
<link href="css/style.css" media="screen" rel="stylesheet" type='text/css' />
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript" src="js/cycle.js"></script>
<script type="text/javascript" src="js/caption2.js"></script>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript" src="js/map.js"></script>
<link rel="stylesheet" href="fancybox/source/jquery.fancybox.css?v=2.1.5" type="text/css" media="screen" />
<script type="text/javascript" src="fancybox/source/jquery.fancybox.pack.js?v=2.1.5"></script>
<script type="text/javascript">
$(document).ready(function() {
$(".various").fancybox({
maxWidth : 800,
maxHeight : 360,
fitToView : false,
width : '70%',
height : '70%',
autoSize : false,
closeClick : false,
openEffect : 'fadein',
closeEffect : 'fadein'
});
});
</script>
<!--[if lt IE 9]><script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script><![endif]-->
</head>
<body>
<div id="wrapper">
<div id="header">
<div id="logo"><img src="images/logo.png" alt="Holland Engineering" /></div>
<div id="logovert"><img src="images/logovert.png" alt="" /></div>
<div id="nav">
<ul id="menu">
<li class="current"><a href="index.html">Home</a></li>
<li><a href="about.html">Who We Are</a></li>
<li><a href="services.html">Our Services</a></li>
<li><a href="casestudies.html">Case Studies</a></li>
<li><a href="/blog/">Blog</a></li>
<li><a href="contact.html">Contact Us</a></li>
</ul>
</div>
</div>
<div class="clearall"></div>
<div id="banner" class="cycle-slideshow" data-cycle-speed=1400 data-cycle-auto-height=1200:500 data-cycle-caption-plugin=caption2>
<div class="cycle-overlay"></div>
<img src="images/home/slide1.jpg" data-cycle-desc=" Lago Del Pino in Tyler, TX" alt="" />
<img src="images/home/slide2.jpg" data-cycle-desc=" Wood County Electric Cooperative in Quitman, TX" alt="" />
<img src="images/home/slide3.jpg" data-cycle-desc=" Racquet & Jog in Tyler, TX" alt="" />
<img src="images/home/slide4.jpg" data-cycle-desc=" Centene in Tyler, TX" alt="" />
<img src="images/home/slide5.jpg" data-cycle-desc=" Lindale ISD Performing Arts Center in Tyler, TX, Images courtesy of Alan Roberts, AIA" alt="" />
</div>
唯一相关的代码是这对 CSS block :
#banner {
position: relative;
width: 1200px;
height: 500px;
margin-bottom: 9px;
top: -4px;
}
#banner img {
width: 1200px;
height: 500px;
}
可以在http://holland.hansonimageworks.com 预览整个站点。 .如果有人对如何解决此问题有任何建议,请告诉我。谢谢!
最佳答案
这不是您看到的下一张图片的一部分。这是您在过渡中看到的 body 背景。看起来像一个奇怪的不透明度问题。尝试为#banner 设置背景颜色。
关于jquery - Cycle2 和 Firefox 图像闪烁,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28143330/
发生这种情况是否有特定原因,或者可能有很多不同的原因?我不知道为什么我的程序打印出它正在打印的值,因为我希望它打印出整数。相反,我得到了这个: 周期@173a10f循环@a62fc3循环@a62fc3
长期读者,第一次发帖。 :) 我正在使用 jQuery Cycle 插件,可以在此处下载:http://jquery.malsup.com/cycle/ 我在帖子部分工作得很好,但是收到了一个请求,要
我正在使用 Malsup 的 Cycle() JQuery 插件,并尝试让它显示图库中的图像、缩略图列表以及每个缩略图下的标题。我的代码如下:
我在页面上使用jQuery Cycle(完整)插件,在该页面上使用宽度为75%的容器DIV(.content-left),并且在该容器内部使用jQuery Cycle幻灯片放映。该容器内的图像应自动调
我正在尝试使用 AFNetworking2.6.3 的 UIImageView 扩展从远程服务器获取图像。一切正常,图像已返回并成功渲染。但我在 Xcode7.3.1 中收到保留周期警告:在此 blo
我收到以下错误: [循环]终止;幻灯片太少:1 下面是 jQuery Cycle 的代码。我不知道为什么 Chrome 中会出现这个 var inners = $('ul#output li').cy
看来我已经超越了自己。一直以来,我都在创建这个漂亮的“最新消息”小部件,它会在鼠标悬停在每个 anchor 上时消失。然后我的同事说,“嘿,克里斯,这些链接不起作用” ...糟糕。我想知道我是否可以让
我可能在尝试一些愚蠢的事情,但我有一个足够大的 非-onionified Cycle.js 应用程序,我正在尝试学习如何 onionify可行,所以我想将一个 onionified 组件嵌入到我原来的
我必须检查 jQuery Cycle 幻灯片是否终止。我需要检查一下,因为我有多个幻灯片,我按顺序运行它,但是,当出现日志“[cycle] termination;too少幻灯片:1”时,因为幻灯片只
我构建了一个图像 slider ,旨在通过淡入和淡出在四个图像之间进行转换。我使用了 J Query 插件“Cycle”并将效果设置为“淡入淡出”。我还希望让用户能够通过将光标悬停在图像上来暂停幻灯片
我在我的程序中实现了这个伪代码来检查有向图是否是非循环的: L ← Empty list that will contain the sorted elements S ← Set of all no
我有时读到有些指令需要的时间少于一个时钟周期——这怎么可能?或者这就是流水线和乱序进入游戏时的值(value)? 最佳答案 来自 http://en.wikibooks.org/wiki/Microp
我需要能够通过程序循环我的 linksys 路由器,我想这样做的原因很复杂,所以让我们假设没有更好的选择。 有没有办法做到这一点?我认为这是因为当我通过管理控制台向路由器安装固件更新时,它会循环路由器
(我使用 OCaml 版本 4.02.3) 我定义了一个类型 self # type self = Self of self;; type self = Self of self 及其实例 s # l
我有相对较小(40-80 个节点)三次(3-正则)平面图,我必须确定它们的哈密顿性。我知道这个任务是 NP 完全的,但我希望渐近指数时间算法对于我感兴趣的图大小来说仍然非常快。 最佳答案 40 个节点
如何使用具有三个值的 {cycle}?这段代码有什么问题: value value1 最佳答案 我认为你需要给它们起唯一的名字: {cycle name='
我目前正在使用 jQuery.Cycle 来循环几个子项 标签。但是,我希望默认的周期 fx 为 fade ,当我点击next时或prev选择器,我希望循环效果暂时更改为 scrollRight或sc
我的 jQuery.cycle 插件有问题。第一次加载页面时(当未缓存图像时),它显示小图像,例如缩略图。您可以在(编辑:抱歉,旧链接)看到它 - 只需等待第二张图片显示即可 - 它很小。重新加载/刷
我正在使用循环插件并且它运行良好。但是 slider 一直在滑动,我不知道应该使用什么选项来防止它自动播放。 $('#thumbs').cycle({ fx: 'scrollH
我使用循环构建了一个播放器,可以循环播放各种宣传片,但我想为每个页面(1、2、3 等除外)定义特定的描述性寻呼机链接。我知道这应该是可能的,但不知道如何实现...即使我在寻呼机 div 中添加了元素,
我是一名优秀的程序员,十分优秀!