• 締切済み

Thickboxの設置方法について

39callの回答

  • 39call
  • ベストアンサー率46% (59/126)
回答No.1

メインはpng/jpgなので以前はlightbox、現在はHTMLも表示したいのでThickboxを使ってます。 ほとんどの閲覧者はIEですが、設置を間違えない限り、どちらもちゃんと表示されます。 マイコミジャーナルで設置方法を詳しく説明しているのでご覧になってはいかがですか。 URL先は「ゼロからはじめるThickBox 3 - 画像もHTMLファイルもスイスイ表示」です。

参考URL：
http://journal.mycom.co.jp/articles/2007/07/12/thickbox/
この回答がついた質問に戻る
  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. JavaScript

関連するQ&A

  • thickboxについて

    お世話になります。thickboxについて質問がございます。 horixxと申します。 thickboxをお使いになられていなくても、ヒントでも頂けると とても感謝致します。 同じく、thicboxを使われているはてなチューブ様のように、 http://www.fladdict.net/app/hatenatube/ 動画をクリックしたら、背景が黒くなり、ＰＯＰアップするツール ですが、 http://www.fladdict.net/app/hatenatube/#v=z9VNbtxZeG4&title=%u30D7%u30ED%u30EC%u30B9%20%u30ED%u30C3%u30AF%u69D8%u5FA9%u6D3B%20%u30B9%u30C8%u30F3%u30B3%u306B%u30E1%u30C3%u30BB%u30FC%u30B8 の様に、プロパティを与えると、最初から、背景が黒。 ＰＯＰアップ画面が出る事ができます。このような事を実現したいの です。 http://jquery.com/demo/thickbox/ thickboxの説明書を読んでも、上記の方法が思い浮かびません。 クリックしないと、ＰＯＰアップされないのです。 本日は朝からずっと考えています。 なにか良い方法はございませんでしょうか。

  • アメブロでのlightbox設置について

    アメブロでのlightbox設置について教えてくださいませ。 アメブロにjQuery版のlightboxを設置したいと思い、下記の参考サイトさまの手順とおりに設定したのですが、画像がいつまでも読み込み中になりうまく表示されません。 http://ameblo.jp/new-bulue9/entry-10487238040.html 私が行った手順としては １：jQuery lightBox plugin 0.5をダウンロードし、フォルダ名を「Lightboxj5」に変更したのちレンタルサーバーにアップロード。 ２：下記プラグインの「ホームページのURL/」をレンタルサーバーのＵＲＬに書き換えて保存。 <!--■ jQuery Lightbox 5.0　■--> <head> <link href="ホームページのURL/Lightboxj5/css/jquery.lightbox-0.5.css" type="text/css" rel="stylesheet" media="screen" /> <script src="ホームページのURL/Lightboxj5/js/jquery.js" type="text/javascript"></script> <script src="ホームページのURL/Lightboxj5/js/jquery.lightbox-0.5.min.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function() { $('a[rel*=lightbox]').lightBox({ overlayBgColor:'#000009', overlayOpacity:0.6, imageLoading:'ホームページのURL/Lightboxj5/images/lightbox-ico-loading.gif', imageBtnClose:'ホームページのURL/Lightboxj5/images/lightbox-btn-close.gif', imageBtnPrev:'ホームページのURL/Lightboxj5/images/lightbox-btn-prev.gif', imageBtnNext:'ホームページのURL/Lightboxj5/images/lightbox-btn-next.gif', containerResizeSpeed:350, txtImage:'画像：', txtOf:'／' }); }); </script> </head> <!--■■■■■■■■■--> ３：「ブログを書く」段階で画像にで指示されたとおりrel="lightbox"を a タグの最後に記述。 <a href="http://stat.ameba.jp/user_images/20100221/22/new … rel="lightbox"><img src="http://stat.ameba.jp/user_images/20100221/22/new … /></a> 以上です。他のプラグインとバッティングしている可能性も考え他をすべて削除して起動してみましたが、これも駄目でした。 稚拙な文章でわかりつらいかとは思いますが何卒お知恵をお貸しくださいませ。

  • jqueryのloadで読み込んだページ内でthickboxで画像を表示する方法

    画像表示処理方法で教えて頂ければと思います。 テスト用に２つのファイル(index.html, test.html)を用意しました。 index.htmlで thickboxを使用して画像をクリックすると希望通り （画像がアップ表示）の動作をします。 しかしindex.htmlのloadで test.html読み込んだ時の画像部分が、 target="_self"で押したときの動作になってしまいます。 解決方法、よろしくお願いします。 -----index.html----- <html> <head> <link href="thickbox.css" type="text/css" rel="stylesheet" /> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="thickbox.js"></script> <script type="text/javascript"> <!-- function init(){ $("#Test").load("test.html"); } // --> </script> </head> <body onload="init()"> <div id="Test"></div> <hr> (2)<a href="test.gif" title="" class="thickbox"><img alt="" src="test.gif" /></a> </body> </html> -----test.html----- (1)<a href="test.gif" title="" class="thickbox"><img alt="" src="test.gif" /></a>

  • 実行を遅らせたい。

    Thickbox 3.1　というのを設置しています。 http://jquery.com/demo/thickbox/ 設置ページです。 http://hime-blog.jp/test.html 現在</head>前の <script type="text/javascript"> $(function() { tb_show('画像のタイトル', 'http://hime-blog.jp/aaa.html?TB_iframe=true&width=1000&height=500', false); }); </script> で、ページを開いた瞬間に実行されるようになっています。 これを、ページを開いて、2、3秒後に実行されるようにしたいのですが どのようにすればいいでしょうか？ どうぞよろしくお願いいたします。

  • jqueryのプラグインjPlayerの設置方法

    jqueryを使用したプラグイン、jPlayerを設置しようと思っています。 solidstate everyday http://solidstate.jp/Others/music/script_138.html このサイトの説明をもとに設置を試みましたが、jPlayerはまったく表示されず、 テキストで play stop min volume max volume と表示されるのみとなってしまいます。 サイトの説明通り、head部分にjqueryとjquery.jplayerのjsを読み込ませ、 その下に設定のjsを書きました。 さらにその下のbodyにサイトの「HTMLマークアップ」部分を そのままコピペしました。 cssは公式サイト（http://www.jplayer.org/latest/demo-01）のソースにあったものを使用し、 swfファイルのパスも変更しましたがまったく表示されません。 現在勉強中のため質問自体わかりづらいかもしれませんが、 正しい設置方法を教えていただけないでしょうか。 どうかよろしくお願いいたします。

  • thickboxで画像を差し替えたときの表示がおかしい

    jQuery最新版、thickbox2.1で画像を表示させています。 すでにアップされている画像を同じファイル名、違うサイズで差し替えると、 拡大表示させたとき、差し替えた画像のサイズではなく古い画像サイズで 画像が開いてしまいます。ブラウザのキャッシュをクリアして再起動しても直りません。 こういったサイズ情報をどこかにキャッシュしているのでしょうか？ この問題の解決方法をご存知の方、教えてください。 環境:IE8 ※ちなみに検索してたら2ちゃんねるでも過去に同様の質問がありましたが、解決していないようでした。 http://pc11.2ch.net/test/read.cgi/hp/1127340053/ 379以降

  • jQueryイメージギャラリーに関しての質問です。

    jQueryに関して。下記URLを参考に、イメージギャラリーを設置しました。 http://www.webdesignerwall.com/demo/jquery/img-replacement.html この、大きく表示されている画像に対して、さらにリンクを設定し、画像をさらに大きく表示させられるようなjQueryプラグインはあるでしょうか。 たとえばこの画像は 550px × 400px となっていますが、さらにこの画像をクリックすることで、別に用意された倍のサイズの画像をlightbox効果を付けて表示できるような、そういったプラグインです。 また、この画像が表示されている部分に、別のHTMLファイルを表示させられるようなプラグインがあるかどうかも知りたいです。 よろしくお願いします。

  • CGI の設置について

    ＦＣ２でブログをしているのですがＣＧＩを設置したいと思って調べたのですが、どうやら対応してないようなのです。 なんとか、ブログ内にＣＧＩを設置することは出来ないのでしょうか？ 例えば、他のサーバーを使う方法など・・・ ブログ内で使いたいものと同じＣＧＩを設置してるかたがいたのですが面識のない方のうえ、数ヶ月新しい記事がアップされてなかったので質問するには無理かなと・・・。 分かる方がいれば教えていただけないでしょうか？？ よろしくお願いします。

  • 小画像の背景を透明化したGIFを【綺麗に作る方法】

    小さい画像の背景を透明化したGIFイメージを 綺麗に作るにはどうしたらいいのでしょうか？ lightboxというツールをダウンロードし、 その中に標準で用意されている画像があります。 その画像を自分好みに変えようと試みました。 その綺麗さの違いは添付しました画像 ～左側が～ 【lightboxの画像】 ファイル形式：GIFイメージ サイズ：63×32 容量：1.23KB ～右側が～ 【私が作成した画像】 ファイル形式：GIFイメージ サイズ：85×38 容量：464バイト です。 作成手順は、 イラストレーターで 63×32の四角い枠を作り、 その中にぴったり合うよう作成。 次に上記をフォトショップで透明化。 「インデックスカラー」へ変更　→　 「GIF89a」へ書き出し　→　 透明にしたいところの色を選択　→　 保存　→　 完成 私の方は斜めが多いから余計に汚く見えるのかもしれませんが、 しかし、真直ぐでも差がでてしまうのは、特殊な方法があるのでしょうか。 お願いします。教えて下さい。

  • 画像をアップするときの画像形式の変更方法

    ブログにアップできる画像形式は私のパソコンでは、gif,jpg,pngです。 画像形式mht,をアップさせる方法を知りたいです。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する
質問する