/點(diǎn)下一頁(yè)后顯示找不到您的文件？為什么呢？
我在控制臺(tái)調(diào)試打印了下一頁(yè)img的src,是對(duì)的。為了防止是圖片資源的問題，我都用第一個(gè)，但還是有問題。
代碼如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>圖片預(yù)加載</title>
<style type="text/css">
a {
text-decoration: none;
}
.box{
text-align: center;
}
.btn{
display: inline-block;
height:30px;
line-height: 30px;
border: 1px solid #ccc;
background-color: #fff;
padding: 0 10px;
margin-right: 50px;
color: #333;
}
.btn:hover{
background-color: #eee;
}
</style>
</head>
<body>
<div class="box">
<img src="http://i2.hoopchina.com.cn/user/308/15960308/13383588090.jpg" alt="pic" id="img" width="1200" />
<p>
<a href="javascript" class="btn" data-control="prev">上一頁(yè)</a>
<a href="javascript" class="btn" data-control="next">下一頁(yè)</a>
</p>
</div>
<script src="js/jquery-2.1.4.min.js"></script>
<script type="text/javascript">
var imgs = [
'http://i2.hoopchina.com.cn/user/308/15960308/13383588090.jpg',
?
'http://i2.hoopchina.com.cn/user/308/15960308/13383588090.jpg',
'http://i2.hoopchina.com.cn/user/308/15960308/13383588090.jpg'
];
var index = 0;
var len = imgs.length;
alert("長(zhǎng)度："+len);
$('.btn').on('click',function(){
if ('prev' === $(this).data('control')) { //上一張
index = Math.max(0, --index)
} else{ //下一張
index = Math.min(len - 1, ++index);
alert("index："+index);
}
document.title = (index + 1)+ '/' + len;
console.log("img的src："+ imgs[index]);
//$('#img').attr('src', imgs[index]);
});
</script>
</body>
</html>
2018-11-30
<a href="javascript" class="btn" data-control="prev">上一頁(yè)</a>
你的a標(biāo)簽里面應(yīng)該寫成href="javascript:;"
2018-03-09
最后一點(diǎn)是這樣，剛才忘了把調(diào)試代碼改了
//console.log("img的src："+ imgs[index]);
$('#img').attr('src', imgs[index]);