галерея в рельсах - PullRequest
Новая
       1

галерея в рельсах

1 голос
/ 02 апреля 2011

У меня проблемы с реализацией галереи. Это всегда показывает мне эту ошибку:

неопределенный метод `geometry 'для #

Я прочитал это и знаю, что это значит ... но я делаю правильную итерацию: 

<% @gallery_photos.each do |g| %>

в любом случае, вот код gallery_detail и метод gallery_detail ...

https://gist.github.com/899049

также я пытаюсь следовать этой модели ротатора, но я думаю, что я делаю это неправильно, поскольку на изображении большого пальца есть элемент href, который должен соответствовать img src. ..в любом случае, вот модель, которой я пытаюсь следовать:

http://designm.ag/tutorials/image-rotator-css-jquery/

Обновление: я решил проблему с изображением, но я все еще не знаю, как реализовать jquery часть страницы. Href большого пальца изображения должен соответствовать источнику изображения в разделе main_page.

Ответы [ 2 ]

0 голосов
/ 03 апреля 2011

Не происходит ли сбой в строке 12 

<% if @gallery_photos.geometry == 'vertical' %>

а не в строке 33? Я не думаю, что это связано с тем, что вы перебираете коллекцию. Строка 12 выглядит так, как будто вы пытаетесь вызвать ее непосредственно в коллекции GalleryPhoto s.

0 голосов
/ 02 апреля 2011

Что если вы попробуете это? 

 def gallery_detail

   @gallery_photos = GalleryPhoto.all

 end

и в html: 

<div class="main_page">
   <% if @gallery_photos.first.geometry == 'vertical' %>
      <img src="<%= gallery_photos.first.photo.url("large") %>" style="height:420px;" />
   <% else %>
      <img src="<%= gallery_photos.first.photo.url("large") %>" style="width:500px;" />
   <% end %>
   <div class="desc">
      <a href="#" class="collapse">Close Me!</a>
        <div class="block">
           <h2>Title</h2>
           <small>Date</small>
           <p>Copy</p>
        </div>
   </div>
 </div>

<div class="image_thumb">
  <ul>
    <li>
      <% @gallery_photos.each do |g| %>
        <% if g.geometry == 'vertical' %>
          <a href="#">  <img src="<%= g.photo.url("small") %>" style="height:65px;"/></a>
        <% else %>
          <img src="<%= g.photo.url("small") %>" style="height:65px; width:80px;"/></li></a>
        <% end %> 
      <% end %>
      <div class="block">
         <h2>Title</h2>
         <small>Date</small>
         <p>Copy</p>
       </div>
    </li>
  </ul>
</div>
...