[英]changing img src using jquery in firefox
我創建了一個簡單的圖片庫,中間有一張大圖片,下面是縮略圖:
<img class="primary-image" src="example.jpeg">
<div class="thumbnails">
<img class="thumbnail" src="red.jpeg">
<img class="thumbnail" src="blue.jpeg">
<img class="thumbnail" src="green.jpeg">
</div>
我在縮略圖上有以下點擊處理程序:
$('.thumbnail').click(function() {
var src = $(this).attr('src');
$('.primary-image').attr('src', src);
});
這在chrome中可以正常工作,但是在Firefox中,圖像從上到下緩慢加載,產生了一個丑陋的“過渡”,這本來就不應該存在。
到底是怎么回事?
更新
我現在注意到正在發生的事情是瀏覽器未顯示新圖像。 並且它僅在特定圖片中發生:
您是否嘗試過預加載圖像? 也許圖片是在Chrome中緩存的,但不是在FireFox中緩存的 。
StackOverflow上有人發布了一些代碼以輕松地預加載圖像。 請看一下使用jQuery預加載圖像
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.