colorbox 套件 - iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

0

colorbox 套件

套件

mayyola 2018-11-05 18:52:29 ‧ 1291 瀏覽

分享至

大家好:

我用colorbox 套件，用以下語法偵測，不知道為什麼一直跑不出來..
偵測出來後，找出圖的offset，讓字可以貼在圖的底部，作註解..

if ($('#colorbox').css("display") == "block") {
             alert("it's open"); 
            }

主要是想要讓cboxTitle的文字可以貼在圖檔的底部像這樣

<div id="cboxLoadedContent" style="width: 333px; overflow: auto; height: 249px;"><img class="cboxPhoto" src="/106/photo/1.jpg" height="249" width="333" style="cursor: pointer; width: 333px; height: 249px; float: none;"></div>

<div id="cboxTitle" style="float: left;">應用程式</div>

謝謝

登入發表討論

直播研討會

{{ item.subject }}

{{ item.channelVendor }} {{ item.webinarstarted }} |

{{ formatDate(item.duration) }}

直播中

1 個回答

0

froce

iT邦大師 1 級 ‧ 2018-11-05 19:15:04

最佳解答

https://codepen.io/froce-lu/pen/zMxmqr

CSS做就行啦！？何必用JS。

回應 3
分享
檢舉

mayyola iT邦研究生 1 級 ‧ 2018-11-05 22:16:24 檢舉

想請問f大，可以<div class="container"><img src=></div><div id="text">測試</div>沒有包在裡面的寫法嗎?因為我看它程式是寫這樣 @ @ 謝謝

froce iT邦大師 1 級 ‧ 2018-11-06 11:02:40 檢舉

你仔細看，他其實也是用 cboxContent 這個class去包 cboxLoadedContent(圖片)和 cboxTitle 這兩個class。

不過用套件就先去爬爬套件有啥選項吧。
像這種簡單的通常我不會用套件去做。

mayyola iT邦研究生 1 級 ‧ 2018-11-07 08:43:52 檢舉

f大您好，謝謝回覆~有找到方法了~但是還是會有點小問題~謝謝~~

登入發表回應

我要發表回答

立即登入回答

參賽組數

1064 組

團體組數

40 組

累計文章數

22195 篇

完賽人數

600 人

15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# windows server linux css react vue.js

IT邦幫忙