jquery - jQuery fancybox を自分の DIV で呼び出す方法は?

Question

<div>こんにちは、出力用に別の位置が必要なので、ファンシーボックスを自分で表示したいと思います。

ファンシーな JS が、<div>CSS で操作できない構造を HTML に作成しています。<div id="xyz">たとえば、この構造だけを表示したい。

助けてください？

Answer 1

fancybox div には、操作できる一連のスタイルがあります。含まれている .css ファイルを見てください。クラス名は次のとおりです。

div#fancy_overlay
div#fancy_loading
div#fancy_loading div
div#fancy_outer
div#fancy_inner
div#fancy_content
div#fancy_div
img#fancy_img
div#fancy_close
#fancy_frame
#fancy_ajax
a#fancy_left, a#fancy_right
a#fancy_left
a#fancy_right
span.fancy_ico 
span#fancy_left_ico 
span#fancy_right_ico 
a#fancy_left:hover, a#fancy_right:hover
a#fancy_left:hover span 
a#fancy_right:hover span
#fancy_bigIframe 
div#fancy_bg 
div.fancy_bg 
div#fancy_bg_n 
div#fancy_bg_ne
div#fancy_bg_e 
div#fancy_bg_se
div#fancy_bg_s 
div#fancy_bg_sw
div#fancy_bg_w 
div#fancy_bg_nw
div#fancy_title
div#fancy_title div
div#fancy_title table
div#fancy_title table td
td#fancy_title_left 
td#fancy_title_main 
td#fancy_title_right

これは 1.2.6 バージョンの時点です。

おそらく必要な大きなものは次のとおりです。

div#fancy_outer
div#fancy_inner
div#fancy_content
div#fancy_div

これらのスタイルを操作しても、目的が達成されませんか? そうでない場合は、もう少し明確にしてください。