scinote-web/app/assets/javascripts/my_modules/image_preview.js

function initPreviewModal() {
  $('.image-preview-link').off();
  $('.image-preview-link').click(function(e) {
    e.preventDefault();
    var name = $(this).find('p').text();
    var url = $(this).find('img').data('large-url');
    var downloadUrl = $(this).attr('href');
    var description = $(this).data('description');
    openPreviewModal(name, url, downloadUrl, description);
  });
}

function openPreviewModal(name, url, downloadUrl, description) {
  var modal = $('#imagePreviewModal');
  modal.find('.image-name').text(name);
  var link = modal.find('.image-download-link');
  link.attr('href', downloadUrl);
  var image = modal.find('.modal-body img');
  image.attr('src', url);
  image.attr('alt', name);
  modal.find('.modal-footer .image-description').text(description);
  modal.modal();
}