Я создаю сайт для фотографии для друга, и она хочет иметь возможность загружать, редактировать и удалять изображения. Все нормально на localhost, но я заметил, что когда я редактирую изображение, он меняет позицию и становится последним. Кто-нибудь знает, почему это происходит или может сказать мне, как я могу сортировать изображения с даты их создания?Rails: позиция смены изображения после обновления
index.html.erb:
<section class='container'>
<article id='gallery'>
<% PreviewPicture.all.each do |preview_picture| %>
<a class="fancybox" rel="group" href="<%= preview_picture.picture.image.url(:original)%>" ><%= image_tag preview_picture.image.url(:original), :class => 'grayscale' %></a>
<% if user_signed_in? %>
<%= link_to "Delete #{preview_picture.id}", preview_picture_path(:id => preview_picture.id), method: :delete %>
<%= link_to "Edit #{preview_picture.id}", edit_preview_picture_path(:id => preview_picture.id) %>
<% end %>
<% end %>
</article>
</section>
<% if user_signed_in? %>
<%= link_to "Add Picture", new_preview_picture_path, :class => "add_preview_picture" %>
<% end %>
gallery.css:
section.container {
margin-top: 100px;
text-align: center;
width: 69%;
}
img.grayscale{
margin: 1.5px 0px;
filter: grayscale(100%);
-webkit-filter: grayscale(100%); /* For Webkit browsers */
filter: gray; /* For IE 6 - 9 */
}
img.grayscale:hover{
filter: grayscale(0%);
-webkit-filter: grayscale(0%);
filter: none;
}
Не могли бы вы объяснить нижний предел, пожалуйста? – phillyslick
Это был не я, который поставил нижний план. Я только что видел ваш ответ! Это выглядит хорошо, я собираюсь попробовать. Большое спасибо :) – ellen
Спасибо! что решила моя проблема :) – ellen