欄杆中的畫廊

我在實施畫廊時遇到問題。它總是顯示我這個錯誤：欄杆中的畫廊

未定義的方法`幾何」爲＃

我讀它，我知道這意味着什麼...但我做的是正確的迭代：

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

反正這裏是gallery_detail和方法gallery_detail的代碼...

https://gist.github.com/899049

也，我試圖按照轉子的這種模式，b ut我認爲我沒有以正確的方式去做，因爲它在拇指圖像上有一個href元素，它必須與img src匹配...無論如何，這裏是我試圖遵循的模型：

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

更新：我解決了圖像的問題，但我仍然不知道如何實現頁面的jQuery的一部分。圖像縮略圖的href必須與main_page div中圖像的圖像來源相匹配。

來源

2011-04-02 user677982

如果你試試這個，該怎麼辦？

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>

來源

2011-04-02 00:29:37 apneadiving

apneia，我無法做到這一點，導致它只顯示在主頁div中的一張照片，但在拇指div列表中顯示所有照片。 – user677982 2011-04-03 17:28:10

好吧，猜我知道了，回覆編輯 – apneadiving 2011-04-03 17:34:37

謝謝apneia，但我仍然在與rotator有問題，我該如何實現呢？我必須在與主頁圖像的圖像src匹配的拇指圖像中具有href。 – user677982 2011-04-03 18:09:48

是不是很失敗的第12行

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

，而不是第33行？我不認爲它與你迭代集合有關。第12行看起來像你試圖直接在GalleryPhoto的集合上調用它。

來源

2011-04-02 22:11:54 theIV

欄杆中的畫廊

回答

相關問題