2013-01-17 36 views
0

我正在嘗試在個人項目上工作。 www.blandydoes.co.uk合併jQuery Instagram和動畫響應式Grid插件

讓我給你帶來速度。我在該頁面上安裝了兩個插件。一個是所謂的jQuery的Instagram ...

https://github.com/potomak/jquery-instagram

...另一種是所謂的動畫響應電網...

http://tympanus.net/codrops/2012/08/02/animated-responsive-image-grid/

兩個獨立功能的插件時,細設置。

我所做的是試圖將它們合併

我已經開始了jQuery的Instagram插件生成的,而不是它是爲了做div的圖像(ul.instagram)的UL列表。如果我自己創建一個類名爲instagram的UL,這可以很好地工作。它會生成列表,如果需要,我可以將其設置爲網格。檢查Firebug以查看正在生成的列表。

接下來我安裝了Responsive Grid插件並創建了名爲#ri-grid的容器格。

然後啓動該插件來查找該div,並且意在查找帶有圖像的ul列表os鏈接,刪除圖像並將該圖像的src作爲背景圖像附加到鏈接。

我再一次運行該插件,並在鏈接標記包圍的ul列表中包含一個靜態圖像列表,它的功能很好。

雖然Instagram的插件生成與圖像鏈接,UL列表,提供圖像的src也由於某些原因,響應插件未拍攝圖像的src它附加到鏈接,刪除該圖像,而不是它只是「隱藏」列表...

任何人都有什麼線索,什麼衝突正在進行?

在Firebug控制檯中沒有任何東西可以說有錯誤。

如果你看看頁面,我已經創建了一個靜態的圖像列表,它可以正常工作,並且我也創建了一個自動生成instagram列表的單獨列表。

www.blandydoes.co.uk

回答

0

我開始認爲這可能永遠不會解決。儘管如此,我仍會繼續努力。 :-)