Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ruby-on-rails/57.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 在Rails中以增量方式加载图像_Jquery_Ruby On Rails - Fatal编程技术网

Jquery 在Rails中以增量方式加载图像

Jquery 在Rails中以增量方式加载图像,jquery,ruby-on-rails,Jquery,Ruby On Rails,如何在单击时以增量方式加载图像,而不是在Rails中一次性加载图像数组 我有一个画廊,可以包含许多图像。我想在索引页上显示这些内容,但显然我不想一次加载所有内容。如何在用户单击时将更多项目加载到库中 .fotorama - entries.each do |photo| = link_to (image_tag photo.attachment.url), entry_path(photo) 我目前正在通过一个fotorama gallery插件使用它 谢谢您可以指定数据属性以链

如何在单击时以增量方式加载图像,而不是在Rails中一次性加载图像数组

我有一个画廊,可以包含许多图像。我想在索引页上显示这些内容,但显然我不想一次加载所有内容。如何在用户单击时将更多项目加载到库中

.fotorama
  - entries.each do |photo|
    = link_to (image_tag photo.attachment.url), entry_path(photo) 
我目前正在通过一个fotorama gallery插件使用它


谢谢

您可以指定数据属性以链接图像url,然后单击,预加载图像并将图像src添加到图像标记中

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