- modal_image = artifact.artifact_images[0]
%section
  %h2 Alternate Views
  %ul#image-collection{style: "list-style-type: none; margin-left: 0;"}
    - artifact.artifact_images.each do |image|
      %li.item= image_tag image.url, class: 'artifact-image', onClick: "$('#imageModal').modal();"

  #imageModal.modal.hide.fade{ tabindex: "-1", role: "dialog", style: "width: #{modal_image.width + 20}px;",
    'aria-labelledby' =>"myModalLabel", 'aria-hidden' => "true"}
    .modal-header
      %button{type: "button", class: "close", 'data-dismiss' => "modal", 'aria-hidden' => "true"} ×
      %h3#myModalLabel Image Detail
    .modal-body{style: 'max-height: 600px;'}
      = image_tag modal_image.url, style: "margin: auto;"
    .modal-footer
      %button.btn{data:{dismiss: "modal"}, 'aria-hidden' => "true"} Close
- modal_image = artifact.artifact_images[0]
%section
  %h2 Alternate Views
  %ul#image-collection{style: "list-style-type: none; margin-left: 0;"}
    - artifact.artifact_images.each do |image|
      %li.item= image_tag image.url, class: 'artifact-image', onClick: "$('#imageModal').modal();", title: image.image

  #imageModal.modal.hide.fade{ tabindex: "-1", role: "dialog", style: "width: #{modal_image.width + 20}px;",
    'aria-labelledby' =>"myModalLabel", 'aria-hidden' => "true"}
    .modal-header
      %button{type: "button", class: "close", 'data-dismiss' => "modal", 'aria-hidden' => "true"} ×
      %h3#myModalLabel Image Detail
    .modal-body{style: 'max-height: 600px;'}
      = image_tag modal_image.url, style: "margin: auto;"
    .modal-footer
      %button.btn{data:{dismiss: "modal"}, 'aria-hidden' => "true"} Close
Make image name the title of alternate images. Temporary.
Make image name the title of alternate images. Temporary.
