个人中心
文章发布
退出
作者热门文章
- iOS/Objective-C 元类和类别
- objective-c - -1001 错误，当 NSURLSession 通过 httpproxy 和/etc/hosts
- java - 使用网络类获取 url 地址
- ios - 推送通知中不播放声音
24
4
我有一个相册，当用户单击 FORWARD 或 BACK 时，它会循环显示一系列图像，这是通过 Javascript 设置 img 的 src 实现的。它在 FF、Opera、IE 和 Safari 上正常工作，但在 Chrome 中不能正常工作——在 Chrome 中，图像有时会出现，有时是空白。如果图像被缓存，它们就会显示出来，但如果它们还没有被加载，Chrome 就不会加载它们。我已经确认元素中的 src 设置正确，只是没有显示。
如果图像加载到页面的 html 中，当在 javascript 中设置 .src 时，它们会正确显示，但如果它们不在加载的 html 代码中，那么其中一些会显示，有些不会 - 但仅在 Chrome 中，在所有其他浏览器中它似乎工作正常。
我是否需要为 Chrome 使用一些缓存设置，或者我可以做一些 hack 来确保这些设置正确加载？
感谢大家。
罗素
(已添加)下面是一些代码。它被生成，这是奇怪常量的来源，文件继续有几百个
<HTML>
<HEAD>
<link href="../lame.css" rel="stylesheet" type="text/css">
<TITLE>Young/Haraske slides</TITLE>
<script src="../lame.js"></script>
<script>
var int2atts = [], int2path = [], paths = {}, atts;
atts = {}
int2atts[36] = atts;
int2path[36] = "Families/Young/Russell"
window.onload = function() {substituteNodeInfo(); showPage(254);}
var imagePtr = 0;
function nextImage(i) {
imagePtr = (imagePtr + i + 254) % 254;
var nextSrc = document.getElementById("photo" + imagePtr).src
var mainImage = document.getElementById("MainImage");
var src = mainImage.src;
mainImage.src = src.substring(0, src.lastIndexOf("/")) + nextSrc.substring(nextSrc.lastIndexOf("/"));
return false;
}
</script>
</HEAD>
<BODY id="pathBody">
<H1 id="pageTitle">Russell</H1>
<div>
<img id="MainImage" src="../pictures/1845DEC61.JPG"></img>
<h3 id="Title">Russell</h3>
<div id="Text"></div>
<a href="" onclick="return nextImage(-1)">Previous</a>
<a href="" onclick="return nextImage(1)">Next</a>
<p />
This filter is included in the following paths:
<ul class="paths">
<li class="path"><a href="../folders/Russell.html?path=36">Families/Young/Russell</a></li>
</ul>
</div>
<div class="choosePage"></div>
<ul id="gallery" class="filteredItems">
<li id="listing0" class="lineblock"><p>
<a class='folder' href="../items/1845DEC61.html">
<img id="photo0" src='../thumbnails/1845DEC61.JPG' alt='1845DEC61.JPG'>
<br />Image page</a>/<a href="../fullsize/1845DEC61.JPG">Full size</a>
<br />1845DEC61.JPG
</li>
<li id="listing1" class="lineblock"><p>
<a class='folder' href="../items/1669.html">
<img id="photo1" src='../thumbnails/1669.JPG' alt='1669.JPG'>
<br />Image page</a>/<a href="../fullsize/1669.JPG">Full size</a>
<br />1669.JPG
</li>
最佳答案
也许您可以尝试通过 ajax 预取图像，如下所述:http://www.4thkingdom.com/public/computers/789073-web-site-speed-prefetching-images-css/view-post.html
关于javascript - 在 javascript 中设置时，Chrome 不加载 img src，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/5119440/
24
4
0
我想替换每一个 带结束标记 字符串中的标记。该字符串实际上是一个 html 文档，其中 img 标记由我生成，并且始终如下所示: Src 是用户输入，所以它可以是任何东西。我做了一个正则表达式，不确
我使用数组通过 getElementsByClassName 存储我所有的 imgs。 我需要知道哪个 img 被点击或 mouseover/mouseout，所以我使用循环来检查哪个 img 被点击
我正在尝试使用图像制作一款类似 Match3 的游戏，但我无法进行比较。我正在为固定数量的 atm 执行此操作，只是为了让它正常工作，稍后应该在 foreach 循环中。如果有什么区别的话，该函数位于
我希望你能帮助我:) 我想定义 img 的高度，相对于图像的“实际”宽度。但宽度是动态的，因为它占父对象的百分比(wxample 的浏览器窗口)。 为什么我需要高度？:没有高度它工作正常，但我需要它，
我知道这个话题被讨论了很多，但我找不到任何适合我的解决方案。所以，我的代码大致是: var img =me.images[curID] var f = function() { var
我试图在一个页面上列出多个图像，但当您单击图像时，它会以模式打开。 它适用于第一张图片，但不适用于其他图片，我假设这是一个 JS 问题，我尝试设置一个空的 var，然后将其设置为获取元素 ID(每个
任务:我们正在通过 HttpWebRequest 抓取 HTML 内容(约 6,000 个调用)。该字符串经过修剪并存储在 SQL Server 2014 数据库中，以便作为 XML 进行处理。 问题
我从上面得到这个错误，不知道如何避免它。我的目的是获取屏幕截图，然后对其进行模板匹配，以查看此时屏幕上是否显示图标。到目前为止，它只是图标的位置。我的代码: #include "opencv2/hig
我有一个包含图像的容器，该图像是从应用程序加载的，因此容器的尺寸是已知的，而图像会有所不同。 我目前有以下 css: #secondary_photos { height: 100px; wi
我正在尝试设置一个随分辨率缩放但看起来仍然不错的页面背景..这就是我正在使用的.. 站点是http://www.gd-gaming.com/wordpress ，如果你用 Firebug 检查它，它只
目前我有 如何删除包装 img 标签的 p 标签？ 所以我可以得到.. 最佳答案 使用 $('p > img').unwrap(''); 这将删除 img 周围的所有 p。您应该使用 cl
我想要动画 3 .svg图片: 和css : .sequence { position: relative; } .sequence img { position: ab
我有外部 RSS 提要填充以下重复出现的类 elements 。 {teaserImage} {teaserImage} {teaserImage} 我想简单地获取 :first 实例，该实例也是来自
转换为 Base64 这是一个独特的问题: 我不想使用浏览器 JavaScript 来解决这个问题，请继续阅读... 我要转换 通过编译应用程序( ng build 或 ng serve )到 Base64 img 标签，
悬停在 中的第一张图片上标记，我需要使用 CSS 增加第二张图片的不透明度。我试过使用 +和 ~运营商，无法让它发挥作用。任何帮助将不胜感激。 最佳答案 a:hover + img
我已经尝试解决这个问题有一段时间了，但我迷路了，有人吗？ for(var i=0; i<10; i++) { var Img = new Image(); Img.onload = (
这就是我想要实现的目标: 当用户将鼠标悬停在较小的图像之一上时: 较小的图像 + 文本应替换较大的图像 + 文本。 当用户没有悬停时；将大集返回到其原始图像和文字。 这就是我到目前为止所拥有的。它没有
我知道如何在 php 中执行此操作，但我需要在 javascript/jquery 中完成此操作。 我正在尝试执行以下操作: $('#NewBox').html( $('#OldBox').html(
我正在使用一个 CMS (ExpressionEngine)，它将段落标签包裹在图像周围。我正在使用响应式图像(最大宽度:100％)，并且由于我还在段落上定义宽度，因此它会导致问题。我想使用 jQue
Tinymce 正在删除我的 img 结束标记并生成无效的 xhtml。 它变成了这个 进入这个 我也在使用 codemagic，但是在查看 html 时它仍然显示 .我也试过包括 , 但输出是
我是一名优秀的程序员,十分优秀！