在Rails中逐步加载图像

Question

如何在点击时逐步加载图像，而不是在Rails中一次性加载图像数组？

我有一个可以包含许多图像的图库。我想在索引页面上显示这些，但显然我不想一次加载它们。如何在用户点击时将更多项目加载到图库？

.fotorama
  - entries.each do |photo|
    = link_to (image_tag photo.attachment.url), entry_path(photo) 

我目前正通过fotorama gallery插件使用它。

由于

Answer 1

您可以指定与图片网址链接的数据属性，点击后预加载图片并将图片src添加到图片标记。

$('a').click (e)->
  e.preventDefault()
  src = $this.data('image')
  img = new Image()
  img.src = src
  img.onload = ->
    $this.find('img').attr('src', src)