タグ

thickboxに関するkiyokichiのブックマーク (3)

  • [ JavaScript ] ThickBox のサンプル

    サンプルと言うほどの物ではないですが、一応、ThickBox 3.1 使ってみたのでメモしておきます。 ThickBox を使うと画像や HTML コンテンツを Lightbox みたいに表示する事ができます。 ※ ThickBox を使うには jQuery が必要です。 ## ThickBox 3 のサンプル – ThickBox 3 サンプルページ – ThickBox 3 サンプルページのダウンロード [ thickbox. [ JavaScript ] ThickBox のサンプル

    kiyokichi
    kiyokichi 2012/01/24
    Mac Firefoxにおいて、背景が黒くならない現象の解決方法について。犯人は「macFFBgHack.png」
  • hoelog - jQuery : ThickBoxとSWFObjectでswfを簡単に表示させる

    LightBox系のjQueryプラグイン、ThickBoxとSWFObjectでHTMLを用意せずに簡単にswfが表示できるようにしてみたよ。 ThickBoxはLigitBox(modal?)系のjQueryプラグインです。画像だけでなく、HTMLをIFRAMEやインラインに読み込んで、動的に中身を表示することができます。FlashもHTMLを読んじゃえば簡単に表示できるんですけど、SWFObjectの書き方ってすぐ忘れるしw。いちいちHTMLファイルを用意するのが面倒。。画像のときみたいに、URLにパラメータをぽこぽこ追加して、タグを動的に生成してくれたら楽なんじゃね?と思ったわけです。まー似たようなのはあるけど自分用ってことで。。 実装するよ jQueryとThickBoxとSWFObjectが必要です。現状の最新版でいいはず。 ダウンロードしてセッティングしときます。

    kiyokichi
    kiyokichi 2012/01/23
    でもこの記述で実装できんかった・・・なぜに・・・?
  • jQuery版のLightBox「ThickBox」

    jQuery版のLightBox「ThickBox」 ThickBoxはLightBoxのjQuery版とも言えるJavaScriptライブラリで、画像をクリックするこのにより拡大画像を表示させることが可能です。 LightBoxがprototype.jsをベースに開発されたjsライブラリであるのに対して、ThickBoxはjQueryをベースに開発されています。 設置方法 配布ページよりjquery.jsとloadingAnimation.gif、thickbox.htmlのhead要素などでそれらのファイルを読み込みます。 <script type="javascript" src="jquery.js"></script> <script type="javascript"

    jQuery版のLightBox「ThickBox」
    kiyokichi
    kiyokichi 2010/07/20
    DL~実装方法まで。ちなみにこれ使う場合、lightboxみたいにIE6のselect対応していないのでjs実行・終了($("#TB_load").remove();)の記述のとこに$('embed, object, select').css({'visibility':'hidden またはvisible'});を書く必要あり。
  • 1