Как написать эту ссылку на конвейер Rails

Rails 4.2 Этот материал, связанный с материальными активами, я продолжаю не выяснять. Как бы это написать?Как написать эту ссылку на конвейер Rails

<!-- For image lightbox you need to include "a" tag pointing to image link, along with the class "prettyphoto".--> 
      <div class="gallery"> 
       <!-- Full size image link in anchor tag. Thumbnail link in image tag. --> 
       <a href="img/portfolio/1.jpg" class="prettyphoto"><img src="img/portfolio/1.jpg" alt="" class="img-responsive"></a>

Я пробовал двадцать способов, но я не могу это получить. Маленькое изображение должно появиться, а затем, когда вы нажмете на него, изображение будет больше. И мне нужно использовать два существующих класса, поскольку это преобразование шаблона начальной загрузки в Rails.

источник

2016-02-27 MMark

Если это в общественных/активов/изображений вы можете получить доступ к нему, говоря:

<%= image_tag 'name_of_image.png', class: 'name-of-class' %>

http://apidock.com/rails/ActionView/Helpers/AssetTagHelper/image_tag

<%= link_to 'name_of_image.png', object_path, class: 'name-of-class' %>

источник

2016-02-27 21:25:33 toddmetheny

Я знаю, как сделать простой image_tag но вопрос не в этом. Ответ, который мне нужен, должен генерировать href и src при использовании двух классов. Посмотрите ближе на код, который я разместил. Спасибо. – MMark

Самый простой способ получить небольшое изображение - это добавить событие jquery click в класс. Что-то вроде $ ('. Name-of-class) .on (' click ', function() { // что-то делать, добавлять класс или изменять атрибуты размера изображения}) – toddmetheny

У вас также может быть два изображения, но есть один w/display none и в событии click скрыть меньшее изображение и показать больше. Много простых способов сделать это w/javascript. Возможно w/pure css, но проще всего (для меня, по крайней мере) просто использовать javascript/jquery. – toddmetheny

Как написать эту ссылку на конвейер Rails

ответ

Смежные вопросы