2015-06-26 52 views
1

我不能相信我問這一點 - 但我花了持續兩個小時尋找一個簡單的jQuery的燈箱給我的學生學習如何實現......簡單的jQuery燈箱用於顯示圖像

我需要什麼是一件很簡單:

我有一大堆的圖片,當我點擊我需要一個燈箱和(不同的)圖像打開,我可以指定...我只是不能找到任何不單純那。當然燈箱將需要表現得像一個標準的收藏夾(X-關閉按鈕,刻度圖像的大小,有一個內嵌字幕的左右)

類似:

$('.this-image').click(function(){ 
    awesomelightbox.open('new url'); 
}) 

大多數燈箱的我查看了被點擊的相同圖片,或者是我的學生無法理解的gazillion選項。

我想:

- LightBox 
- ColorBox 
- FancyBox 
- VisualLightbox 
- Featherlight 

沒有適合我的要求:(

有誰知道任何簡單的收藏夾是做什麼我提到我將不勝感激任何指針

回答

1

其實,使用Fancybox你可以做到。我去他們"How To",他們有一個例子。看看頁面上的最後一段代碼。如果你只是想顯示2個不同的圖像,你可以使用他們的方法。注意他們是如何有一個small.jpg和一個big.jpg的,所以他們使用2個不同的圖像的本質。這樣他們可以使用一個圖像縮略圖和一個更大的實際花式框。這是你想要的?

編輯:或者,如果你想使用我的插件歡迎你從我的網站源碼它。這裏是一個例子,檢查使用的源代碼。

http://tylerteaching.com/coolbox/

+0

是啊...唯一的問題是,它不是免費許可:( –

+0

就OK擱置,讓我給你一個正確的快! – tylerism

+0

好吧,我更新了我的答案有一個鏈接到我的插件,你如果你想:) 應該是真的向前伸直你的學生可以使用。 – tylerism