簡體   English   中英

在Firefox中使用jQuery更改img src

[英]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中,圖像從上到下緩慢加載,產生了一個丑陋的“過渡”,這本來就不應該存在。

到底是怎么回事?

更新

我現在注意到正在發生的事情是瀏覽器未顯示新圖像。 並且它僅在特定圖片中發生:

  • 如果我快速上下滾動,圖片會改變。 (點擊縮略圖后)
  • 如果整個畫布可見,並且我什么也不做,則前一張圖片會保留在那里,而不會顯示新圖片。 (點擊縮略圖后)
  • 如果我切換應用程序並返回到Firefox,新圖片就在那里。 (點擊縮略圖后)
  • 如果我雙擊縮略圖,則圖片變化完美。

您是否嘗試過預加載圖像? 也許圖片是在Chrome中緩存的,但不是在FireFox中緩存的

StackOverflow上有人發布了一些代碼以輕松地預加載圖像。 請看一下使用jQuery預加載圖像

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM