整合Flickr與Codrops全屏畫廊問題

我目前正在使用Codrops全屏畫廊整理一個Flickr畫廊。我已經設法從flickr賬戶導入flickr圖像，並且我已經獲得了全屏圖像處理非flickr圖像，但是當告訴flickr與Codrops圖庫一起工作時，它似乎停止工作。整合Flickr與Codrops全屏畫廊問題

網址：http://www.media21a.co.uk/development/fullthrottle/flickr/ 這是Flickr的文件：http://www.media21a.co.uk/development/fullthrottle/wp-content/themes/fullthrottle/js/flickrImport.js 這是庫文件：http://www.media21a.co.uk/development/fullthrottle/wp-content/themes/fullthrottle/js/gallery.js

我知道如何得到它與的fancybox（燈箱）工作，但我不知道如何得到它與codrops畫廊合作。

function attachFancyBox() 
{ 
    $(".fancyBox").fancybox(); 
} 

    /* BEGIN OPTIONAL FANCYBOX PARAMS */ 
    "rel":"casabelmonte",   // Rel tag to enable forward/back buttons on fancybox 
    "imageLink":"preview",   // Tells the script to grab the image url for fancybox to show 
    "className":"fancyBox",  // Class for attaching fancybox 
    "callback":attachFancyBox // Once the images show attach the fancybox script 
    /* END */

如果需要的話，這裏是我全局腳本：

$(window).load(function() { 


    $(".dropgallery a, #fp_thumbtoggle").removeAttr("title"); 

    $('#fp_thumbtoggle, .dropgallery img').click(function() { 
     $('#fp_thumbtoggle').toggleClass("active"); 

     if ($('#fp_thumbtoggle').hasClass('active')){ 
      $('#fp_thumbtoggle').animate({top:'65px'}); 
     }else{ 
      $('#fp_thumbtoggle').animate({top:'185px'}); 
     } 
     $('.dropgallery').slideToggle('500'); 

    }); 

    });

我已經成功地獲得進口的Youtube & Vimeo的視頻，並在這個偉大的工程，如果你能幫助我，我會肯定在網站的編碼中加入你的鏈接，我會在Facebook上添加一對夫婦喊話& twitter：）。

來源

2011-09-01 Delete

那到底是什麼不工作？點擊http://www.media21a.co.uk/development/fullthrottle/flickr/上的縮略圖應該加載並顯示更大的版本？ – WTK

是的，我希望它能像主頁和展示頁面一樣工作，你有多看看這個@WTK？ – Delete

我正在研究它 - 我修復了一件事，但加載的圖片仍然很小，而不是一個大的。 – WTK

您嘗試爲尚未存在的元素綁定點擊處理程序（對於大拇指），因爲它們是動態加載的。爲了使其工作，取代行（gallery.js）：

$thumbScroller.find('.content').bind('click', function(e){

到：

$thumbScroller.find('.content').live('click', function(e){

這將使縮略圖點擊工作。之後，在flickrImport.js中，將圖像的alt屬性中適合的URL從_m更改爲_b大小，以便在單擊大圖像加載後，不再是_m大小。例如：

alt="http://farm'+photo.farm+'.static.flickr.com/'+photo.server+'/'+photo.id+'_'+photo.secret+'_m.jpg"

變化：

alt="http://farm'+photo.farm+'.static.flickr.com/'+photo.server+'/'+photo.id+'_'+photo.secret+'_b.jpg"

編輯：我忘了提 - 有兩個功能缺失（showNav（）和hideThumbs（））。他們從gallery.js內部調用。

來源

2011-09-02 08:36:00 WTK

謝謝:)這可以作爲一種享受。就像我說過的，我會將你的鏈接彈出到網站上，並在Facebook上給你留言。給我發一條你想要的消息，然後在線彈出：） – Delete

整合Flickr與Codrops全屏畫廊問題

回答

相關問題