onClick 이미지를 미리로드하려고하는데이 스크립트는 Google 크롬을 제외하고 작동합니다 (그리고 Safari를 상상할 수도 있음). 무슨 일이 일어나고 있는지 확실하지 않습니다. 누구든지 아이디어가 있습니까?크롬은 자바 스크립트에서 이미지를 미리로드하지 않습니다. Works on IE, FF
<div style="display:hidden">
<script type="text/javascript">
<!--//--><![CDATA[//><!--
var images = new Array()
function preload() {
for (i = 0; i < preload.arguments.length; i++) {
images[i] = new Image()
images[i].src = preload.arguments[i]
}
}
preload(
<?php
for ($i = 0; $i < 6; $i++) {
if (!empty($imgs[$i])) {
$comma = $i == 0? '' : ',';
echo $comma."'http://www.htpcusa.com/drcom/ebay/image.php?img_source_url=" . $imgs[$i] . "&img_resize_to=500'";
}
}
?>
)
//--><!]]>
</script>
</div>
이미지는이 코드를 통해 나중에 호출됩니다.
<?php
for ($i = 0; $i < 6; $i++) {
if (!empty($imgs[$i])) {
echo "<div class=\"htpc_picturebox\">";
echo "<img id=\"imgs$i\" src=\"http://www.htpcusa.com/drcom/ebay/image.php?img_source_url=" . $imgs[$i] . "&img_resize_to=157\" alt=\"\"";
echo " onClick=\"javascript:document.getElementById('detailed_image').src='http://www.htpcusa.com/drcom/ebay/image.php?img_source_url=" . $imgs[$i] . "&img_resize_to=500';\" />";
echo "</div>";
}
}
?>
그렇다면 IE와 FF가 인식하지 못하는 것은 무엇입니까?
working jsfiddle은 또한
제 ... 크롬 여전히 온 클릭에 보온재를 통해 이미지를로드하려고 그 모양 게다가 ... FF, IE에서 여전히 즉석 인 동안 ... –
Brandon
"일하지 않는 것"에 대해 자세히 설명 할 수 있습니까? 당신이 게시 한 js는 내 크롬 버전 27.0.1423.0 dev-m에서 작동합니다. 네트워크 탭 [F12]을 볼 때 이미지를 다운로드 할 수 있습니다. – VeXii
이 작업을 실행할 때 ... 이미지가 2 ~ 3 초 걸립니다. IE, FF 등의 인스턴트 대신로드 ... 미리로드 스크립트가 제거되면 ... 모든 브라우저가 동일한 2-3 초가 걸립니다. 'echo "onClick = \"javascript : document.getElementById ('detailed_image') .src = 'http : //www.htpcusa.com/drcom/ebay/image.php? img_source_url = ". $ imgs [$ i ] : "& img_resize_to = 500 '; \"/>' – Brandon