iT邦幫忙

0

colorbox 套件

大家好:

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

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

主要是想要讓cboxTitle的文字可以貼在圖檔的底部像這樣
https://ithelp.ithome.com.tw/upload/images/20181105/20097057xlG0Xi6Fkm.png

<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>

謝謝

1 個回答

0
froce
iT邦大師 4 級 ‧ 2018-11-05 19:15:04
最佳解答

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

CSS做就行啦!?何必用JS。

mayyola iT邦新手 2 級 ‧ 2018-11-05 22:16:24 檢舉

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

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

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

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

mayyola iT邦新手 2 級 ‧ 2018-11-07 08:43:52 檢舉

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

我要發表回答

立即登入回答