如何在每個視圖中顯示數百個圖像

我是Rails的新手，並且遇到了一些麻煩。我有一個閃存卡應用程序，並希望得到關於設計的一些建議。現在，用戶根據主題選擇抽認卡;可以從數據庫中選擇數百個。此控制器操作會創建一個實例變量@show_flashcards，它是閃卡中的一個大型活動記錄陣列。用戶被重定向到具有由鍵盤控制的滑塊的視圖頁面，並且@show_flashcards陣列中的每個燒錄示出了一個在一個時間，通過如何在每個視圖中顯示數百個圖像

<% @show_flashcards.each do |flashcard| %> 
    <div class="front"> 
    <%= image_tag "#{flashcard.front}" %> 
    ... 
    <% end %>

flascard.front訪問在數據庫中訪問一個串它告訴視圖在資產管道中獲取圖像的位置。

問題是，所有這些圖像一次加載，放慢應用程序。我不知道如何解決這個問題。也許20個左右應該立即加載？有關如何實施這個或更好的解決方案的任何建議或指導？謝謝！

來源

2014-05-14 user3291025

這跟Rails沒什麼關係，它是提取圖片的瀏覽器。

你應該看看懶加載圖像一些JavaScript的插件，如 http://www.appelsiini.net/projects/lazyload

來源

2014-05-14 21:07:38

謝謝，作品就像我想要的。我使用了[lazyload-rails gem]（https://github.com/jassa/lazyload-rails）並添加了一些[自定義代碼]（http://stackoverflow.com/a/21588602/3291025）以獲得它使用我的滑塊。 – user3291025

如何在每個視圖中顯示數百個圖像

回答

相關問題