台灣最大程式設計社群網站
線上人數
1218
 
會員總數:244980
討論主題:188951
歡迎您免費加入會員
討論區列表 >> AJAX / JSON / jQuery >> lightbox放入HTML
[]  
[我要回覆]
1
回應主題 加入我的關注話題 檢舉此篇討論 將提問者加入個人黑名單
lightbox放入HTML
價值 : 5 QP  點閱數:1153 回應數:9

樓主

crr
門外漢
0 24
400 57
發送站內信

各位好,想請問關於lightbox大多數都使用在放輪播圖片,

但目前的應用是打算在lightbox放入html與jQuery等等,

想請問是否哪位大大有相關使用相關經驗,有推薦相關好設計的jQuery Plugin,謝謝

搜尋相關Tags的文章: [ jquery ] , [ javascript ] , [ ] ,
本篇文章發表於2016-03-02 12:27
別忘捐VP感謝幫助你的人 新手會員瞧一瞧
1樓
回應

浩瀚星空
捐贈 VP 給 浩瀚星空 檢舉此回應
我目前是用這一套
FlexSlider

http://flexslider.woothemes.com/

覺得還不錯用。圖片會自動幫你自適應放大縮小。然後也會有特定的排版。
重點是還有多種切圖的特效。
(雖然我只用單一種的)

還可以做出小相本對應模式。
本篇文章回覆於2016-03-02 13:51
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
2樓
回應

浩瀚星空
捐贈 VP 給 浩瀚星空 檢舉此回應
附帶一提

它放圖片只要用div包個ul就行了。不用在特別給它什麼class。
其jquery的呼叫也可以很簡單。

除非你要做一些比較特殊的連動方式。才需要再加一些參數。一般像上面的寫法就可以動了。
給你的網址堶惘酗@些操作的寫法跟教學。很簡單使用的。
本篇文章回覆於2016-03-02 13:55
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
3樓
回應

迷路
捐贈 VP 給 迷路 檢舉此回應
在Chrome不支援showModalDialog()後
我個人都是用fancybox這套套件來取代的
http://fancyapps.com/fancybox/

不但可以用在圖片的燈箱片效果上
也能用在網頁的子畫面效果上
很適合樓主要求的在效果中可以放入HTML和JQuery
本篇文章回覆於2016-03-03 09:38
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
4樓
作者回應

crr
檢舉此回應
to 浩瀚星空 大大

感謝大大這個我之前用過,但印象中他的套件管理上比較麻煩一點,圖片好像有用到fonts,某些情況下好像會衝突,後來就沒有用他,感謝,但她效果真的還不錯

to 迷路 大大

感謝大大但好像比較沒提到插入HTML與jquery我看一下
本篇文章回覆於2016-03-03 16:00
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
5樓
作者回應

crr
檢舉此回應
to 迷路 大大

或大大有空貼一下範例供參考,插入HTML當子視窗用
本篇文章回覆於2016-03-03 16:07
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
6樓
回應

迷路
捐贈 VP 給 迷路 檢舉此回應
請參考我貼的套件官方介紹頁面
examples這個就是範例
第一個範例是單張圖片的燈箱片效果
第二個範例是一組圖片的燈箱片效果
第三個範例就是你要的部分
插入HTML是要製作獨立的頁面來連結的
你點點看Iframe就知道了
本篇文章回覆於2016-03-03 18:26
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
7樓
作者回應

crr
檢舉此回應
to 迷路大大

找到了,但他是把另一個/demo/iframe.html這個網頁倒進來,似乎沒有直接插入的方式?

列如:<div>我要插入這段</div>

直接把上面這個DIV放入
本篇文章回覆於2016-03-04 11:03
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
8樓
回應

浩瀚星空
捐贈 VP 給 浩瀚星空 檢舉此回應
圖片有用到fonts那是一個css上的定義。主要是用在顯示左右顯示不讓它出現亂碼。
也就是在未指定的情況下。它會依照其設定的字型顯示(其實就是載入其圖文字型啦!!)

一般來說,你下載了字型因該是有給你的才對。但你要去其css查看對應是否有正確才行。
如果覺得麻煩的話。也可以去自定義你的圖示。(我是沒用它的字型,另外自定義的)

基本上我是都用這套

迷路用的那套我之前也有用過。但我是嫌它的載入慢。且還需應用到iframe。總覺的不好。
且它的定義是採用a連結外部定義的方式。也就是會碰上轉向物件的處理。
這在編排上感覺會比較麻煩。且也跟美工不太好搭配。(還得教他們怎麼放@@")

所以我沒在用這套。也可能我比較習慣用ul的模式了吧。所以對這套比較沒好感。


本篇文章回覆於2016-03-07 17:22
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
9樓
回應

迷路
捐贈 VP 給 迷路 檢舉此回應
我提供的這套只能開啟另一個網頁
沒辦法單開啟同頁面的div結構

我因為使用的功能大部份需要再開啟的頁面做送出動作,主要是檔案上傳之類的
所以會用這套XD
如果是div結構的話,之前是直接用css處理,現在則是把結構單獨寫成網頁來套用
本篇文章回覆於2016-03-08 16:39
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
   
1

回覆
如要回應,請先登入.