<?xml version="1.0" encoding="UTF-8"?>

<feed xmlns="http://www.w3.org/2005/Atom">
    <title type="text">「jQuery で Lightbox のように表示する」へのコメント</title>
    <link rel="alternate" type="text/html" href="http://bizcaz.com/archives/2007/10/21-111130.php" />
    
    <link rel="self" type="application/atom+xml" href="http://bizcaz.com/archives/2007/10/21-111130.comment.xml" />

    <updated>2010-02-20T05:21:34Z</updated>
    <author>
        <name>bzbell</name>
    </author>

    <id>tag:bizcaz.com,2007://1.560</id>
    <subtitle>Movable Type 備忘録</subtitle>
    <generator uri="http://www.sixapart.com/movabletype/">Movable Type Pro 5.01</generator>
    <rights>Copyright (c) 2010, Movable Type 備忘録</rights>

    
    <entry>
        <title type="html">bzbell がコメントしました。</title>
        <link type="text/html" rel="alternate" href="http://bizcaz.com/archives/2007/10/21-111130.php#comment-4572"/>
        <id>tag:bizcaz.com,2010-02-20://4572</id>
        <updated>2009-03-03T08:49:32Z</updated>
        <published>2007-10-21T02:11:30Z</published>
        <author>
            <name>bzbell</name>
            
            
        </author>
        <content type="html">
            &lt;div class="content"&gt;
                &lt;p style="float:right;"&gt;&lt;img src="http://bizcaz.com/mt/mt-static/images/status_icons/success.gif" alt="公開" width="9" height="9" /&gt;公開&lt;/p&gt;

                &lt;p&gt;
                &lt;b&gt;ブログ:&lt;/b&gt; &lt;a href="http://bizcaz.com/"&gt;Movable Type 備忘録&lt;/a&gt;&lt;br /&gt;

                &lt;b&gt;ブログ記事:&lt;/b&gt; &lt;a href="http://bizcaz.com/archives/2007/10/21-111130.php"&gt;jQuery で Lightbox のように表示する&lt;/a&gt;&lt;br /&gt;

                &lt;b&gt;コメント投稿者:&lt;/b&gt; bzbell&lt;br /&gt;
                &lt;b&gt;メール:&lt;/b&gt; &lt;br /&gt;
                &lt;b&gt;URL:&lt;/b&gt; http://bizcaz.com/archives/2007/10/21-111130.php#comment-4572&lt;br /&gt;
                &lt;/p&gt;
                &lt;p&gt;
            &lt;/div&gt;


            <![CDATA[<p>
>>25 haru さん
</p>

<p>
こんばんわ^^
</p>

<p>
解決してよかったですね<img src="http://bizcaz.com/mt/mt-static/plugins/InsertIcon/images/kuroron/t2_ya.gif" class="mt_icon" width="40" height="40" alt="ããï¼" title="ããï¼" /><br />
common.js は業者さんの趣味!? なのか、何らかの目的があってのことなのでわたしからは何とも言えませんが、prototype.js をただリネームした程度なら common.js を使わず、>>9 で記した ver1.6.0.3 の prototype.js の記述を使ったほうが良いかもですね。
</p>]]>

            &lt;hr /&gt;
        </content>
    </entry>
    
    <entry>
        <title type="html">haru がコメントしました。</title>
        <link type="text/html" rel="alternate" href="http://bizcaz.com/archives/2007/10/21-111130.php#comment-4571"/>
        <id>tag:bizcaz.com,2010-02-20://4571</id>
        <updated>2009-03-02T15:11:53Z</updated>
        <published>2007-10-21T02:11:30Z</published>
        <author>
            <name>haru</name>
            http://www.soleil-2000.com/
            
        </author>
        <content type="html">
            &lt;div class="content"&gt;
                &lt;p style="float:right;"&gt;&lt;img src="http://bizcaz.com/mt/mt-static/images/status_icons/success.gif" alt="公開" width="9" height="9" /&gt;公開&lt;/p&gt;

                &lt;p&gt;
                &lt;b&gt;ブログ:&lt;/b&gt; &lt;a href="http://bizcaz.com/"&gt;Movable Type 備忘録&lt;/a&gt;&lt;br /&gt;

                &lt;b&gt;ブログ記事:&lt;/b&gt; &lt;a href="http://bizcaz.com/archives/2007/10/21-111130.php"&gt;jQuery で Lightbox のように表示する&lt;/a&gt;&lt;br /&gt;

                &lt;b&gt;コメント投稿者:&lt;/b&gt; haru&lt;br /&gt;
                &lt;b&gt;メール:&lt;/b&gt; &lt;br /&gt;
                &lt;b&gt;URL:&lt;/b&gt; http://bizcaz.com/archives/2007/10/21-111130.php#comment-4571&lt;br /&gt;
                &lt;/p&gt;
                &lt;p&gt;
            &lt;/div&gt;


            
解除をしました。
shadowboxが起動ぢなくなりました。

document.write(&quot;&quot;);

アアクセス解析です。
削除したら、エラーが消えました。
原因がわかったので安心しました。^^;
common.jsは、微妙ですね。
shadowboxの設置の時は、common.jsが原因で動かなかったのに
今は、shadowboxもスムーススクロールも動いています。
スムーススクロールがcommon.jsになるんでしょ？


            &lt;hr /&gt;
        </content>
    </entry>
    
    <entry>
        <title type="html">bzbell がコメントしました。</title>
        <link type="text/html" rel="alternate" href="http://bizcaz.com/archives/2007/10/21-111130.php#comment-4570"/>
        <id>tag:bizcaz.com,2010-02-20://4570</id>
        <updated>2009-03-02T13:44:26Z</updated>
        <published>2007-10-21T02:11:30Z</published>
        <author>
            <name>bzbell</name>
            
            
        </author>
        <content type="html">
            &lt;div class="content"&gt;
                &lt;p style="float:right;"&gt;&lt;img src="http://bizcaz.com/mt/mt-static/images/status_icons/success.gif" alt="公開" width="9" height="9" /&gt;公開&lt;/p&gt;

                &lt;p&gt;
                &lt;b&gt;ブログ:&lt;/b&gt; &lt;a href="http://bizcaz.com/"&gt;Movable Type 備忘録&lt;/a&gt;&lt;br /&gt;

                &lt;b&gt;ブログ記事:&lt;/b&gt; &lt;a href="http://bizcaz.com/archives/2007/10/21-111130.php"&gt;jQuery で Lightbox のように表示する&lt;/a&gt;&lt;br /&gt;

                &lt;b&gt;コメント投稿者:&lt;/b&gt; bzbell&lt;br /&gt;
                &lt;b&gt;メール:&lt;/b&gt; &lt;br /&gt;
                &lt;b&gt;URL:&lt;/b&gt; http://bizcaz.com/archives/2007/10/21-111130.php#comment-4570&lt;br /&gt;
                &lt;/p&gt;
                &lt;p&gt;
            &lt;/div&gt;


            <![CDATA[<p>
>>23 haru さん
</p>

<p>
こんばんわ^^
</p>

<p>
確かにブラウザによってはエラーメッセージが表示されますね。( IE だけ )<br />
JavaScript の問題のようです。
</p>

<ol>
<li><p>まず HTML ヘッダ内の以下の行を削除してください。</p>

<pre>
&lt;script type=&quot;text/javascript&quot; src=&quot;http://ajax.googleapis.com/ajax/libs/prototype/1.6.0.3/prototype.js&quot;&gt;&lt;/script&gt;
</pre>
<p>既に common.js で prototype ライブラリをロードしてますので上記行は不要です。</p></li>
<li><p>断言はできませんが、各ページの下の方にある、以下のコードは必要でしょうか。</p>
<pre>
&lt;script type=&quot;text/javascript&quot; language=&quot;JavaScript&quot;&gt;
document.write(&quot;&lt;script type=text/javascript src=\&quot;http://tipy.2bee.jp/php/count.php?acount=SoLeiL&amp;NoReload=true&amp;referer=&quot;);document.write(document.referrer+&quot;\&quot; charset=\&quot;Shift_JIS\&quot;&gt;&lt;/&quot; + &quot;script&gt;&quot;);
&lt;/script&gt;
</pre>
<p>上記コードが実行されるとエラーしてるように見受けられます。</p>
<p>外部サーバにある PHP スクリプトを実行してるのですがご存知でしょうか<img src="http://bizcaz.com/mt/mt-static/plugins/InsertIcon/images/kuroron/t2_ase2.gif" class="mt_icon" width="40" height="40" alt="ãããã" title="ãããã" /><br />
少なくとも上記を削除することでエラーが改善されるように思います。
一度業者さんにご相談されてみてはどうでしょ<img src="http://bizcaz.com/mt/mt-static/plugins/InsertIcon/images/kuroron/t2_ase1.gif" class="mt_icon" width="40" height="40" alt="ãããã" title="ãããã" /></p></li>
</ol>]]>

            &lt;hr /&gt;
        </content>
    </entry>
    
    <entry>
        <title type="html">haru がコメントしました。</title>
        <link type="text/html" rel="alternate" href="http://bizcaz.com/archives/2007/10/21-111130.php#comment-4569"/>
        <id>tag:bizcaz.com,2010-02-20://4569</id>
        <updated>2009-03-01T18:42:00Z</updated>
        <published>2007-10-21T02:11:30Z</published>
        <author>
            <name>haru</name>
            http://www.soleil-2000.com/
            
        </author>
        <content type="html">
            &lt;div class="content"&gt;
                &lt;p style="float:right;"&gt;&lt;img src="http://bizcaz.com/mt/mt-static/images/status_icons/success.gif" alt="公開" width="9" height="9" /&gt;公開&lt;/p&gt;

                &lt;p&gt;
                &lt;b&gt;ブログ:&lt;/b&gt; &lt;a href="http://bizcaz.com/"&gt;Movable Type 備忘録&lt;/a&gt;&lt;br /&gt;

                &lt;b&gt;ブログ記事:&lt;/b&gt; &lt;a href="http://bizcaz.com/archives/2007/10/21-111130.php"&gt;jQuery で Lightbox のように表示する&lt;/a&gt;&lt;br /&gt;

                &lt;b&gt;コメント投稿者:&lt;/b&gt; haru&lt;br /&gt;
                &lt;b&gt;メール:&lt;/b&gt; &lt;br /&gt;
                &lt;b&gt;URL:&lt;/b&gt; http://bizcaz.com/archives/2007/10/21-111130.php#comment-4569&lt;br /&gt;
                &lt;/p&gt;
                &lt;p&gt;
            &lt;/div&gt;


            <![CDATA[<p>
こんばんは^^;
</p>

<p>
すみません・・突然に！<br />
ホームページ・ブロブ共にcommon.js（ページトップへ）をクリックすると<br />
ページエラーが表示されます。<br />
common.jsのせいでしょうか？<br />
一度確認して頂いてもいいでしょうか？<br />
common.jsが重たく感じるんです。<br />
宜しくおねがいします。m(__)m
</p>]]>

            &lt;hr /&gt;
        </content>
    </entry>
    
    <entry>
        <title type="html">bzbell がコメントしました。</title>
        <link type="text/html" rel="alternate" href="http://bizcaz.com/archives/2007/10/21-111130.php#comment-4556"/>
        <id>tag:bizcaz.com,2010-02-20://4556</id>
        <updated>2009-02-27T04:08:19Z</updated>
        <published>2007-10-21T02:11:30Z</published>
        <author>
            <name>bzbell</name>
            
            
        </author>
        <content type="html">
            &lt;div class="content"&gt;
                &lt;p style="float:right;"&gt;&lt;img src="http://bizcaz.com/mt/mt-static/images/status_icons/success.gif" alt="公開" width="9" height="9" /&gt;公開&lt;/p&gt;

                &lt;p&gt;
                &lt;b&gt;ブログ:&lt;/b&gt; &lt;a href="http://bizcaz.com/"&gt;Movable Type 備忘録&lt;/a&gt;&lt;br /&gt;

                &lt;b&gt;ブログ記事:&lt;/b&gt; &lt;a href="http://bizcaz.com/archives/2007/10/21-111130.php"&gt;jQuery で Lightbox のように表示する&lt;/a&gt;&lt;br /&gt;

                &lt;b&gt;コメント投稿者:&lt;/b&gt; bzbell&lt;br /&gt;
                &lt;b&gt;メール:&lt;/b&gt; &lt;br /&gt;
                &lt;b&gt;URL:&lt;/b&gt; http://bizcaz.com/archives/2007/10/21-111130.php#comment-4556&lt;br /&gt;
                &lt;/p&gt;
                &lt;p&gt;
            &lt;/div&gt;


            <![CDATA[<p>
>>21 haru さん
</p>

<p>
こんにちわ^^
</p>

<p>
&gt; 自分の思うようなフィルターを使うことができて良かったです。
</p>

<p>
よかったですね。<br />
なるべくなら統一した方がいいですもんね<img src="http://bizcaz.com/mt/mt-static/plugins/InsertIcon/images/kuroron/t2_pati.gif" class="mt_icon" width="40" height="40" alt="ãããã" title="ãããã" />
</p>

<p>
&gt; 使わしていただいてもいいでしょうか？
</p>

<p>
はい。ぜんぜん OK です<img src="http://bizcaz.com/mt/mt-static/plugins/InsertIcon/images/kuroron/t2_bui.gif" class="mt_icon" width="40" height="40" alt="ãã¤ãã¤" title="ãã¤ãã¤" /><br />
以下のサイトさんで配布されてますので頂いてください。<br />
猫ちゃん以外にウサちゃんなどもあります。どれもかわいいです<img src="http://bizcaz.com/mt/mt-static/plugins/InsertIcon/images/kuroron/t2_kyaha.gif" class="mt_icon" width="40" height="40" alt="ã­ã£ãã" title="ã­ã£ãã" /><br />
<a href="http://purple.cafe.michikusa.jp/index.html">http://purple.cafe.michikusa.jp/index.html</a>
</p>]]>

            &lt;hr /&gt;
        </content>
    </entry>
    
    <entry>
        <title type="html">haru がコメントしました。</title>
        <link type="text/html" rel="alternate" href="http://bizcaz.com/archives/2007/10/21-111130.php#comment-4555"/>
        <id>tag:bizcaz.com,2010-02-20://4555</id>
        <updated>2009-02-27T01:58:39Z</updated>
        <published>2007-10-21T02:11:30Z</published>
        <author>
            <name>haru</name>
            
            
        </author>
        <content type="html">
            &lt;div class="content"&gt;
                &lt;p style="float:right;"&gt;&lt;img src="http://bizcaz.com/mt/mt-static/images/status_icons/success.gif" alt="公開" width="9" height="9" /&gt;公開&lt;/p&gt;

                &lt;p&gt;
                &lt;b&gt;ブログ:&lt;/b&gt; &lt;a href="http://bizcaz.com/"&gt;Movable Type 備忘録&lt;/a&gt;&lt;br /&gt;

                &lt;b&gt;ブログ記事:&lt;/b&gt; &lt;a href="http://bizcaz.com/archives/2007/10/21-111130.php"&gt;jQuery で Lightbox のように表示する&lt;/a&gt;&lt;br /&gt;

                &lt;b&gt;コメント投稿者:&lt;/b&gt; haru&lt;br /&gt;
                &lt;b&gt;メール:&lt;/b&gt; &lt;br /&gt;
                &lt;b&gt;URL:&lt;/b&gt; http://bizcaz.com/archives/2007/10/21-111130.php#comment-4555&lt;br /&gt;
                &lt;/p&gt;
                &lt;p&gt;
            &lt;/div&gt;


            <![CDATA[<p>
おはようございます。^^
</p>

<p>
 業者さんがブログにshadowboxを使っても大丈夫ってことで、<br />
Lightboxを使うのは、やめました。
</p>

<p>
common.jsを1.6.0.3にバージョンアップしてもらいました。<br />
色々とご指導頂いてありがとうございました。<br />
自分の思うようなフィルターを使うことができて良かったです。
</p>

<p>
コメントのネコ可愛いですね。<br />
店のスタッフが、ブログに使いたいそうです。<br />
使わしていただいてもいいでしょうか？
</p>]]>

            &lt;hr /&gt;
        </content>
    </entry>
    
    <entry>
        <title type="html">bzbell がコメントしました。</title>
        <link type="text/html" rel="alternate" href="http://bizcaz.com/archives/2007/10/21-111130.php#comment-4552"/>
        <id>tag:bizcaz.com,2010-02-20://4552</id>
        <updated>2009-02-26T16:09:00Z</updated>
        <published>2007-10-21T02:11:30Z</published>
        <author>
            <name>bzbell</name>
            
            
        </author>
        <content type="html">
            &lt;div class="content"&gt;
                &lt;p style="float:right;"&gt;&lt;img src="http://bizcaz.com/mt/mt-static/images/status_icons/success.gif" alt="公開" width="9" height="9" /&gt;公開&lt;/p&gt;

                &lt;p&gt;
                &lt;b&gt;ブログ:&lt;/b&gt; &lt;a href="http://bizcaz.com/"&gt;Movable Type 備忘録&lt;/a&gt;&lt;br /&gt;

                &lt;b&gt;ブログ記事:&lt;/b&gt; &lt;a href="http://bizcaz.com/archives/2007/10/21-111130.php"&gt;jQuery で Lightbox のように表示する&lt;/a&gt;&lt;br /&gt;

                &lt;b&gt;コメント投稿者:&lt;/b&gt; bzbell&lt;br /&gt;
                &lt;b&gt;メール:&lt;/b&gt; &lt;br /&gt;
                &lt;b&gt;URL:&lt;/b&gt; http://bizcaz.com/archives/2007/10/21-111130.php#comment-4552&lt;br /&gt;
                &lt;/p&gt;
                &lt;p&gt;
            &lt;/div&gt;


            <![CDATA[<p>
>>19 haru さん
</p>

<p>
こんばんわ^^
</p>

<p>
&gt; サーバーにightboxがあってブログで使ってホームページにshadowboxを使うのも<br />
&gt; 互換性が悪くよくないのですか？？同じページで使わないので大丈夫ですか？
</p>

<p>
はい。大丈夫ですよ。<br />
同一ページ内で Lightbox と shadowbox を併用しなければ問題ありません<img src="http://bizcaz.com/mt/mt-static/plugins/InsertIcon/images/kuroron/t2_bui.gif" class="mt_icon" width="40" height="40" alt="ãã¤ãã¤" title="ãã¤ãã¤" />
</p>

<p>
&gt; それかsrc内にadapter、lang、player 、shadowbox.js ７０KBは、そのままでアップですか？
</p>

<p>
src 配下のコードを使っても問題ありませんよ。<br />
ただファイルのサイズが違うだけです。ファイルサイズが小さい＝表示速度に影響します。<br />
ですので、ファイルサイズの小さい build フォルダのものを使用したまです。<br />
haru さんが src 配下のファイルを使いたいのであれば上書きしちゃってください。
</p>

<p>
&gt; shadowbox/common.jsを1.6.0.3にバージョンアップした方が良いのですか?
</p>

<p>
一概には言えませんが、なるべく最新バージョンを使った方が何かとよろしいかと。<br />
気になるのは業者さんが作られた JavaScript が 1.6.0.3 に対応するかどうか･･･というくらいでしょうか<img src="http://bizcaz.com/mt/mt-static/plugins/InsertIcon/images/kuroron/t2_un.gif" class="mt_icon" width="40" height="40" alt="ããï½ã" title="ããï½ã" />
</p>]]>

            &lt;hr /&gt;
        </content>
    </entry>
    
    <entry>
        <title type="html">haru がコメントしました。</title>
        <link type="text/html" rel="alternate" href="http://bizcaz.com/archives/2007/10/21-111130.php#comment-4550"/>
        <id>tag:bizcaz.com,2010-02-20://4550</id>
        <updated>2009-02-25T15:56:11Z</updated>
        <published>2007-10-21T02:11:30Z</published>
        <author>
            <name>haru</name>
            http://www.soleil-2000.com/map/test.html
            
        </author>
        <content type="html">
            &lt;div class="content"&gt;
                &lt;p style="float:right;"&gt;&lt;img src="http://bizcaz.com/mt/mt-static/images/status_icons/success.gif" alt="公開" width="9" height="9" /&gt;公開&lt;/p&gt;

                &lt;p&gt;
                &lt;b&gt;ブログ:&lt;/b&gt; &lt;a href="http://bizcaz.com/"&gt;Movable Type 備忘録&lt;/a&gt;&lt;br /&gt;

                &lt;b&gt;ブログ記事:&lt;/b&gt; &lt;a href="http://bizcaz.com/archives/2007/10/21-111130.php"&gt;jQuery で Lightbox のように表示する&lt;/a&gt;&lt;br /&gt;

                &lt;b&gt;コメント投稿者:&lt;/b&gt; haru&lt;br /&gt;
                &lt;b&gt;メール:&lt;/b&gt; &lt;br /&gt;
                &lt;b&gt;URL:&lt;/b&gt; http://bizcaz.com/archives/2007/10/21-111130.php#comment-4550&lt;br /&gt;
                &lt;/p&gt;
                &lt;p&gt;
            &lt;/div&gt;


            <![CDATA[<p>
聞いてください。!(^^)!
</p>

<p>
shadowboxうごきました。<br />
common.jsがサーバーにないので、あわてて書き換えました。<br />
&lt;script type=&quot;text/javascript&quot; src=&quot;http://ajax.googleapis.com/ajax/libs/prototype/1.6.0.3/prototype.js&quot;&gt;&lt;/script<br />
読み込んでくれまいしたよ（涙）<br />
また・・common.jsがサーバーに上がると消えると思いますが・・・・<br />
サーバーにightboxがあってブログで使ってホームページにshadowboxを使うのも<br />
互換性が悪くよくないのですか？？同じページで使わないので大丈夫ですか？
</p>

<p>
shadowboxファイルは、昨日ファイルでOKですか？<br />
それかsrc内にadapter、lang、player 、shadowbox.js ７０KBは、そのままでアップですか？
</p>

<p>
shadowbox/common.jsを1.6.0.3にバージョンアップした方が良いのですか?<br />
つ込んだこと沢山聞いてすみません。<br />
アドバイス道理にしようと思いますので、宜しくお願いします。<br />

</p>]]>

            &lt;hr /&gt;
        </content>
    </entry>
    
    <entry>
        <title type="html">bzbell がコメントしました。</title>
        <link type="text/html" rel="alternate" href="http://bizcaz.com/archives/2007/10/21-111130.php#comment-4548"/>
        <id>tag:bizcaz.com,2010-02-20://4548</id>
        <updated>2009-02-25T14:59:50Z</updated>
        <published>2007-10-21T02:11:30Z</published>
        <author>
            <name>bzbell</name>
            
            
        </author>
        <content type="html">
            &lt;div class="content"&gt;
                &lt;p style="float:right;"&gt;&lt;img src="http://bizcaz.com/mt/mt-static/images/status_icons/success.gif" alt="公開" width="9" height="9" /&gt;公開&lt;/p&gt;

                &lt;p&gt;
                &lt;b&gt;ブログ:&lt;/b&gt; &lt;a href="http://bizcaz.com/"&gt;Movable Type 備忘録&lt;/a&gt;&lt;br /&gt;

                &lt;b&gt;ブログ記事:&lt;/b&gt; &lt;a href="http://bizcaz.com/archives/2007/10/21-111130.php"&gt;jQuery で Lightbox のように表示する&lt;/a&gt;&lt;br /&gt;

                &lt;b&gt;コメント投稿者:&lt;/b&gt; bzbell&lt;br /&gt;
                &lt;b&gt;メール:&lt;/b&gt; &lt;br /&gt;
                &lt;b&gt;URL:&lt;/b&gt; http://bizcaz.com/archives/2007/10/21-111130.php#comment-4548&lt;br /&gt;
                &lt;/p&gt;
                &lt;p&gt;
            &lt;/div&gt;


            <![CDATA[<p>
>>17 haru さん
</p>

<ol>
<li><p>prototype 1.5.1 を使用する場合には HTML ヘッダ内から以下の行を削除してください。</p>
<pre>
&lt;script type=&quot;text/javascript&quot; src=&quot;http://ajax.googleapis.com/ajax/libs/prototype/1.5.1/prototype.js&quot;&gt;&lt;/script&gt;
</pre>
</li>
<li><p>common.js を元に戻してください。</p>
<p>現状 HTML ヘッダ内には記述されてますが参照できないようです。たぶん haru さんがサーバ上から削除されたのだと思いますが prototype 1.5.1 を使う場合には common.js をサーバ上に戻してください。</p></li>
</ol>

<p>
shadowbox.js がサーバ上にアップロードされたときはちゃんと表示できてたので、haru さんが懸念されてるところは OK だと思います<img src="http://bizcaz.com/mt/mt-static/plugins/InsertIcon/images/kuroron/t2_ya.gif" class="mt_icon" width="40" height="40" alt="ããï¼" title="ããï¼" /><br />
たぶん上記を解決すれば問題ないように思います<img src="http://bizcaz.com/mt/mt-static/plugins/InsertIcon/images/kuroron/t2_ase1.gif" class="mt_icon" width="40" height="40" alt="ãããã" title="ãããã" />
</p>

<p>
- 追記 -
</p>

<p>
あと、common.js は必ず shadowbox-prototype.js より上の方でに記述するようにしてください。<br />
これは prototype だろうと jQuery だろうと同じことが言えるのですが、使用するライブラリは必ず最初に読込んでおく必要があります。
</p>]]>

            &lt;hr /&gt;
        </content>
    </entry>
    
    <entry>
        <title type="html">haru がコメントしました。</title>
        <link type="text/html" rel="alternate" href="http://bizcaz.com/archives/2007/10/21-111130.php#comment-4547"/>
        <id>tag:bizcaz.com,2010-02-20://4547</id>
        <updated>2009-02-25T14:46:20Z</updated>
        <published>2007-10-21T02:11:30Z</published>
        <author>
            <name>haru</name>
            http://www.soleil-2000.com/map/test.html
            
        </author>
        <content type="html">
            &lt;div class="content"&gt;
                &lt;p style="float:right;"&gt;&lt;img src="http://bizcaz.com/mt/mt-static/images/status_icons/success.gif" alt="公開" width="9" height="9" /&gt;公開&lt;/p&gt;

                &lt;p&gt;
                &lt;b&gt;ブログ:&lt;/b&gt; &lt;a href="http://bizcaz.com/"&gt;Movable Type 備忘録&lt;/a&gt;&lt;br /&gt;

                &lt;b&gt;ブログ記事:&lt;/b&gt; &lt;a href="http://bizcaz.com/archives/2007/10/21-111130.php"&gt;jQuery で Lightbox のように表示する&lt;/a&gt;&lt;br /&gt;

                &lt;b&gt;コメント投稿者:&lt;/b&gt; haru&lt;br /&gt;
                &lt;b&gt;メール:&lt;/b&gt; &lt;br /&gt;
                &lt;b&gt;URL:&lt;/b&gt; http://bizcaz.com/archives/2007/10/21-111130.php#comment-4547&lt;br /&gt;
                &lt;/p&gt;
                &lt;p&gt;
            &lt;/div&gt;


            <![CDATA[<p>
こんばんは^^
</p>

<p>
prototype 1.5.1 は、ソースの書き換えてアップしてもまだ・・ダメのようなので<br />
昨日、ソースをみていただいたので、ソースは、OKとして<br />
ファイルの見直しで<br />
#10<br />
＜１．build フォルダ内にある lang フォルダ内から shadowbox-en.js というファイル以外のすべてを削除しました。<br />
　　build フォルダは、削除＞<br />
＜２．shadowbox フォルダを新規作成しshadowbox内に adapter、lang、player 、skin、shadowbox.js <br />
　　※flvplayer.swf、.DS_Store、READMEは、ファイル内にまだあります。＞
</p>

<p>
再度新しいファイルを解凍してみると、shadowbox-2.0-code内のbuild・src・shadowbox.js２２KB<br />
昨日は、きずかなかったですが、src内にbuild内と同じadapter、lang、player 、skin、shadowbox.js ７０KBが<br />
あります。昨日は、src内のadapter、lang、player 、skin、shadowbox.js ７０KBでけ取り出して<br />
srcは空なので削除しています。
</p>

<p>
shadowboxファイル内は、adapter、lang、player 、skin、src、shadowbox.js ２２KBで<br />
src内にadapter、lang、player 、shadowbox.js ７０KBは、そのままでアップですか？<br />
もう原因は、ファイルしか考えられないですよね(>_

</p>]]>

            &lt;hr /&gt;
        </content>
    </entry>
    
    <entry>
        <title type="html">bzbell がコメントしました。</title>
        <link type="text/html" rel="alternate" href="http://bizcaz.com/archives/2007/10/21-111130.php#comment-4542"/>
        <id>tag:bizcaz.com,2010-02-20://4542</id>
        <updated>2009-02-25T09:08:54Z</updated>
        <published>2007-10-21T02:11:30Z</published>
        <author>
            <name>bzbell</name>
            
            
        </author>
        <content type="html">
            &lt;div class="content"&gt;
                &lt;p style="float:right;"&gt;&lt;img src="http://bizcaz.com/mt/mt-static/images/status_icons/success.gif" alt="公開" width="9" height="9" /&gt;公開&lt;/p&gt;

                &lt;p&gt;
                &lt;b&gt;ブログ:&lt;/b&gt; &lt;a href="http://bizcaz.com/"&gt;Movable Type 備忘録&lt;/a&gt;&lt;br /&gt;

                &lt;b&gt;ブログ記事:&lt;/b&gt; &lt;a href="http://bizcaz.com/archives/2007/10/21-111130.php"&gt;jQuery で Lightbox のように表示する&lt;/a&gt;&lt;br /&gt;

                &lt;b&gt;コメント投稿者:&lt;/b&gt; bzbell&lt;br /&gt;
                &lt;b&gt;メール:&lt;/b&gt; &lt;br /&gt;
                &lt;b&gt;URL:&lt;/b&gt; http://bizcaz.com/archives/2007/10/21-111130.php#comment-4542&lt;br /&gt;
                &lt;/p&gt;
                &lt;p&gt;
            &lt;/div&gt;


            <![CDATA[<p>
>>15 haru さん
</p>

<p>
&gt; prototype 1.5.1 は、ソースの書き換えだけでOKですか。
</p>

<p>
はい。>>9 で追加したコードの 2 行目、1.6.0.3 ･･･っていう 1 行を削除すればいいですよ<img src="http://bizcaz.com/mt/mt-static/plugins/InsertIcon/images/kuroron/t2_waku.gif" class="mt_icon" width="40" height="40" alt="ã¯ã¯ã¯ã¯" title="ã¯ã¯ã¯ã¯" />
</p>]]>

            &lt;hr /&gt;
        </content>
    </entry>
    
    <entry>
        <title type="html">haru がコメントしました。</title>
        <link type="text/html" rel="alternate" href="http://bizcaz.com/archives/2007/10/21-111130.php#comment-4541"/>
        <id>tag:bizcaz.com,2010-02-20://4541</id>
        <updated>2009-02-25T06:58:50Z</updated>
        <published>2007-10-21T02:11:30Z</published>
        <author>
            <name>haru</name>
            
            
        </author>
        <content type="html">
            &lt;div class="content"&gt;
                &lt;p style="float:right;"&gt;&lt;img src="http://bizcaz.com/mt/mt-static/images/status_icons/success.gif" alt="公開" width="9" height="9" /&gt;公開&lt;/p&gt;

                &lt;p&gt;
                &lt;b&gt;ブログ:&lt;/b&gt; &lt;a href="http://bizcaz.com/"&gt;Movable Type 備忘録&lt;/a&gt;&lt;br /&gt;

                &lt;b&gt;ブログ記事:&lt;/b&gt; &lt;a href="http://bizcaz.com/archives/2007/10/21-111130.php"&gt;jQuery で Lightbox のように表示する&lt;/a&gt;&lt;br /&gt;

                &lt;b&gt;コメント投稿者:&lt;/b&gt; haru&lt;br /&gt;
                &lt;b&gt;メール:&lt;/b&gt; &lt;br /&gt;
                &lt;b&gt;URL:&lt;/b&gt; http://bizcaz.com/archives/2007/10/21-111130.php#comment-4541&lt;br /&gt;
                &lt;/p&gt;
                &lt;p&gt;
            &lt;/div&gt;


            <![CDATA[<p>
わかりました^^
</p>

<p>
shadowboxを使うことにサポートを受けれないようなことは、無いですよ。<br />
何かあった時に頼んで触ってもらっています。
</p>

<p>
先週からMTの調子が悪く原因を探しているみたいで現在MTは、さわれないので<br />
Lightboxをprototype 1.5.1 に合わせて見ます。
</p>

<p>
Lightboxがの設置ができて、MTがなおったらバージョンを上げます。<br />
その時は、宜しくお願いしますね。
</p>

<p>
今は、Lightboxがの設置をがんばります(^^)/
</p>

<p>
prototype 1.5.1 は、ソースの書き換えだけでOKですか。
</p>]]>

            &lt;hr /&gt;
        </content>
    </entry>
    
    <entry>
        <title type="html">bzbell がコメントしました。</title>
        <link type="text/html" rel="alternate" href="http://bizcaz.com/archives/2007/10/21-111130.php#comment-4539"/>
        <id>tag:bizcaz.com,2010-02-20://4539</id>
        <updated>2009-02-25T02:26:13Z</updated>
        <published>2007-10-21T02:11:30Z</published>
        <author>
            <name>bzbell</name>
            
            
        </author>
        <content type="html">
            &lt;div class="content"&gt;
                &lt;p style="float:right;"&gt;&lt;img src="http://bizcaz.com/mt/mt-static/images/status_icons/success.gif" alt="公開" width="9" height="9" /&gt;公開&lt;/p&gt;

                &lt;p&gt;
                &lt;b&gt;ブログ:&lt;/b&gt; &lt;a href="http://bizcaz.com/"&gt;Movable Type 備忘録&lt;/a&gt;&lt;br /&gt;

                &lt;b&gt;ブログ記事:&lt;/b&gt; &lt;a href="http://bizcaz.com/archives/2007/10/21-111130.php"&gt;jQuery で Lightbox のように表示する&lt;/a&gt;&lt;br /&gt;

                &lt;b&gt;コメント投稿者:&lt;/b&gt; bzbell&lt;br /&gt;
                &lt;b&gt;メール:&lt;/b&gt; &lt;br /&gt;
                &lt;b&gt;URL:&lt;/b&gt; http://bizcaz.com/archives/2007/10/21-111130.php#comment-4539&lt;br /&gt;
                &lt;/p&gt;
                &lt;p&gt;
            &lt;/div&gt;


            <![CDATA[<p>
>>13 haru さん
</p>

<p>
&gt; Lightboxとshadowbox同一ページに併用してはいけないだけですか？<br />
&gt; それか・・Lightbox自体サイト内のページにあるといけないのですか？
</p>

<p>
はい。Lightbox と shadowbox いずれかのみページ内に記述するようにしてください。<br />
以前わたしが試したときは競合!? しちゃうのか、正しく表示できませんでした。<br />
でも shadowbox のコードを解析してバッティングしないよう CSS をイジくれば大丈夫かもです。<br />
ただ、今後バージョンアップといった場合にその都度イジくるのは非効率過ぎるのでわたしはやってません。
</p>

<p>
&gt; MTは、ぜんぜん分からないので、業者さんにお任せしていますが、Lightbox以外の<br />
&gt; 使用を業者さんがイヤがるので・・^^;
</p>

<p>
そうでしたか。<br />
そうしますと、shadowbox を使ってしまうとサポート!? を受けられなくなるってことはないですか<img src="http://bizcaz.com/mt/mt-static/plugins/InsertIcon/images/kuroron/t2_ase1.gif" class="mt_icon" width="40" height="40" alt="ãããã" title="ãããã" />!?
</p>

<p>
あと、haru さんのテストサイトの HTML ヘッダ内に common.js というのがありますが、これは prototype 1.5.1 のようです。※意図的に prototype.js を common.js にリネームしてるようです。<br />
shadowbox 用に追加したコードでは prototype 1.6.0.3 をロードして、さらに prototype 1.5.1 をロード･･･という状況になってます。
</p>

<p>
本来なら common.js を削除して最新の prototype を使ってください･･･と言いたいところですが、業者さんにお任せしてるとなると、業者さんが作成された JavaScript があった場合、prototype 1.6.0.3 に対応しないコードだとエラーしてしまうかもしれませんので、shadowbox 側も prototype 1.5.1 に合わせた方が無難かもしれませんね。
</p>]]>

            &lt;hr /&gt;
        </content>
    </entry>
    
    <entry>
        <title type="html">haru がコメントしました。</title>
        <link type="text/html" rel="alternate" href="http://bizcaz.com/archives/2007/10/21-111130.php#comment-4538"/>
        <id>tag:bizcaz.com,2010-02-20://4538</id>
        <updated>2009-02-25T00:54:44Z</updated>
        <published>2007-10-21T02:11:30Z</published>
        <author>
            <name>haru</name>
            
            
        </author>
        <content type="html">
            &lt;div class="content"&gt;
                &lt;p style="float:right;"&gt;&lt;img src="http://bizcaz.com/mt/mt-static/images/status_icons/success.gif" alt="公開" width="9" height="9" /&gt;公開&lt;/p&gt;

                &lt;p&gt;
                &lt;b&gt;ブログ:&lt;/b&gt; &lt;a href="http://bizcaz.com/"&gt;Movable Type 備忘録&lt;/a&gt;&lt;br /&gt;

                &lt;b&gt;ブログ記事:&lt;/b&gt; &lt;a href="http://bizcaz.com/archives/2007/10/21-111130.php"&gt;jQuery で Lightbox のように表示する&lt;/a&gt;&lt;br /&gt;

                &lt;b&gt;コメント投稿者:&lt;/b&gt; haru&lt;br /&gt;
                &lt;b&gt;メール:&lt;/b&gt; &lt;br /&gt;
                &lt;b&gt;URL:&lt;/b&gt; http://bizcaz.com/archives/2007/10/21-111130.php#comment-4538&lt;br /&gt;
                &lt;/p&gt;
                &lt;p&gt;
            &lt;/div&gt;


            <![CDATA[<p>
Lightboxとshadowbox同一ページに併用してはいけないだけですか？<br />
それか・・Lightbox自体サイト内のページにあるといけないのですか？<br />
shadowboxの設置ができれば、Lightboxは、削除する予定してます。
</p>

<p>
※Lightboxが存在してる状態ですのでshadowboxの設置に影響が出てるかと<br />
　思いまして
</p>

<p>
ブログは、MTでLightboxが設置されて使われています。<br />
ホームページは、MTのLightboxが設置からリンクしてLightboxを使っています。<br />
ブログでは、MTでLightbox使う予定にしています。
</p>

<p>
少し質問がずれてすみません。<br />
MTは、ぜんぜん分からないので、業者さんにお任せしていますが、Lightbox以外の<br />
使用を業者さんがイヤがるので・・^^;
</p>]]>

            &lt;hr /&gt;
        </content>
    </entry>
    
    <entry>
        <title type="html">bzbell がコメントしました。</title>
        <link type="text/html" rel="alternate" href="http://bizcaz.com/archives/2007/10/21-111130.php#comment-4535"/>
        <id>tag:bizcaz.com,2010-02-20://4535</id>
        <updated>2009-02-24T21:58:02Z</updated>
        <published>2007-10-21T02:11:30Z</published>
        <author>
            <name>bzbell</name>
            
            
        </author>
        <content type="html">
            &lt;div class="content"&gt;
                &lt;p style="float:right;"&gt;&lt;img src="http://bizcaz.com/mt/mt-static/images/status_icons/success.gif" alt="公開" width="9" height="9" /&gt;公開&lt;/p&gt;

                &lt;p&gt;
                &lt;b&gt;ブログ:&lt;/b&gt; &lt;a href="http://bizcaz.com/"&gt;Movable Type 備忘録&lt;/a&gt;&lt;br /&gt;

                &lt;b&gt;ブログ記事:&lt;/b&gt; &lt;a href="http://bizcaz.com/archives/2007/10/21-111130.php"&gt;jQuery で Lightbox のように表示する&lt;/a&gt;&lt;br /&gt;

                &lt;b&gt;コメント投稿者:&lt;/b&gt; bzbell&lt;br /&gt;
                &lt;b&gt;メール:&lt;/b&gt; &lt;br /&gt;
                &lt;b&gt;URL:&lt;/b&gt; http://bizcaz.com/archives/2007/10/21-111130.php#comment-4535&lt;br /&gt;
                &lt;/p&gt;
                &lt;p&gt;
            &lt;/div&gt;


            <![CDATA[<p>
>>10 haru さん
</p>

<p>
おはよございます。<br />
haru さんのテストサイト確認しました。<br />
shadowbox.js がアップロードされてないか、HTML ヘッダに記述した URL が間違ってるようです<img src="http://bizcaz.com/mt/mt-static/plugins/InsertIcon/images/kuroron/t2_ase1.gif" class="mt_icon" width="40" height="40" alt="ãããã" title="ãããã" /><br />
shadowbox.js が正しくロードされれば問題ないように思います。<br />
ご確認ください<img src="http://bizcaz.com/mt/mt-static/plugins/InsertIcon/images/kuroron/t2_peko.gif" class="mt_icon" width="40" height="40" alt="ãºãã" title="ãºãã" />
</p>]]>

            &lt;hr /&gt;
        </content>
    </entry>
    
    <entry>
        <title type="html">bzbell がコメントしました。</title>
        <link type="text/html" rel="alternate" href="http://bizcaz.com/archives/2007/10/21-111130.php#comment-4531"/>
        <id>tag:bizcaz.com,2010-02-20://4531</id>
        <updated>2009-02-24T16:19:02Z</updated>
        <published>2007-10-21T02:11:30Z</published>
        <author>
            <name>bzbell</name>
            
            
        </author>
        <content type="html">
            &lt;div class="content"&gt;
                &lt;p style="float:right;"&gt;&lt;img src="http://bizcaz.com/mt/mt-static/images/status_icons/success.gif" alt="公開" width="9" height="9" /&gt;公開&lt;/p&gt;

                &lt;p&gt;
                &lt;b&gt;ブログ:&lt;/b&gt; &lt;a href="http://bizcaz.com/"&gt;Movable Type 備忘録&lt;/a&gt;&lt;br /&gt;

                &lt;b&gt;ブログ記事:&lt;/b&gt; &lt;a href="http://bizcaz.com/archives/2007/10/21-111130.php"&gt;jQuery で Lightbox のように表示する&lt;/a&gt;&lt;br /&gt;

                &lt;b&gt;コメント投稿者:&lt;/b&gt; bzbell&lt;br /&gt;
                &lt;b&gt;メール:&lt;/b&gt; &lt;br /&gt;
                &lt;b&gt;URL:&lt;/b&gt; http://bizcaz.com/archives/2007/10/21-111130.php#comment-4531&lt;br /&gt;
                &lt;/p&gt;
                &lt;p&gt;
            &lt;/div&gt;


            <![CDATA[<p>
>>10 haru さん
</p>

<p>
えっ!? ダメですか<img src="http://bizcaz.com/mt/mt-static/plugins/InsertIcon/images/kuroron/t2_naki1.gif" class="mt_icon" width="40" height="40" alt="ãããã" title="ãããã" />!?<br />
shadowbox で表示したい画像の rel 属性は指定されてますよね<img src="http://bizcaz.com/mt/mt-static/plugins/InsertIcon/images/kuroron/t2_un.gif" class="mt_icon" width="40" height="40" alt="ããï½ã" title="ããï½ã" />!?
</p>

<pre>
&lt;a href=&quot;images/▲.png&quot; rel=&quot;shadowbox&quot;&gt;&lt;img alt=&quot;タイトル&quot; src=&quot;images/▲.png&quot; width=&quot;320&quot; height=&quot;240&quot; /&gt;&lt;/a&gt;
</pre>

<p>
可能であれば haru さんが shadowbox を設置されたページを見せていただけますか。<br />
ちょとわたしの方で確認してみます。<br />
※言って頂ければ URL は伏せます。
</p>

<p>
&gt; prototype.jsは、どうすればいいですか？
</p>

<p>
prototype.js は >>9 でご紹介したコードを貼り付けてるのであればいっしょにロードされますので大丈夫ですよ<img src="http://bizcaz.com/mt/mt-static/plugins/InsertIcon/images/kuroron/t2_normal.gif" class="mt_icon" width="40" height="40" alt="ãµã¤ã" title="ãµã¤ã" />
</p>]]>

            &lt;hr /&gt;
        </content>
    </entry>
    
    <entry>
        <title type="html">haru がコメントしました。</title>
        <link type="text/html" rel="alternate" href="http://bizcaz.com/archives/2007/10/21-111130.php#comment-4529"/>
        <id>tag:bizcaz.com,2010-02-20://4529</id>
        <updated>2009-02-24T16:00:14Z</updated>
        <published>2007-10-21T02:11:30Z</published>
        <author>
            <name>haru</name>
            
            
        </author>
        <content type="html">
            &lt;div class="content"&gt;
                &lt;p style="float:right;"&gt;&lt;img src="http://bizcaz.com/mt/mt-static/images/status_icons/success.gif" alt="公開" width="9" height="9" /&gt;公開&lt;/p&gt;

                &lt;p&gt;
                &lt;b&gt;ブログ:&lt;/b&gt; &lt;a href="http://bizcaz.com/"&gt;Movable Type 備忘録&lt;/a&gt;&lt;br /&gt;

                &lt;b&gt;ブログ記事:&lt;/b&gt; &lt;a href="http://bizcaz.com/archives/2007/10/21-111130.php"&gt;jQuery で Lightbox のように表示する&lt;/a&gt;&lt;br /&gt;

                &lt;b&gt;コメント投稿者:&lt;/b&gt; haru&lt;br /&gt;
                &lt;b&gt;メール:&lt;/b&gt; &lt;br /&gt;
                &lt;b&gt;URL:&lt;/b&gt; http://bizcaz.com/archives/2007/10/21-111130.php#comment-4529&lt;br /&gt;
                &lt;/p&gt;
                &lt;p&gt;
            &lt;/div&gt;


            <![CDATA[<p>
ありがとうございます。^^
</p>

<p>
確認してください。<br />
説明どうりしましたけど・・まだダメみたいですね。<br />
私の認識不足です。
</p>

<p>
１．build フォルダ内にある lang フォルダ内から shadowbox-en.js というファイル以外のすべてを削除しました。<br />
　　build フォルダは、削除<br />
２．shadowbox フォルダを新規作成しshadowbox内に adapter、lang、player 、skin、shadowbox.js <br />
　　※flvplayer.swf、.DS_Store、READMEは、ファイル内にまだあります。<br />
３．ソースをサイトのURLを書き込み<br />
　全角のスペース削除<br />
　※Event.observe(window, "load", function() {<br />
　    Shadowbox.init();<br />
　});<br />
　<br />
スペース削除していますので、ソースは、左よりです。<br />
以上の作業を行いました。
</p>

<p>
追伸
</p>

<p>
＜はい。prototype.js は別途 UP する必要があります。＞
</p>

<p>
prototype.jsは、どうすればいいですか？<br />

</p>]]>

            &lt;hr /&gt;
        </content>
    </entry>
    
    <entry>
        <title type="html">bzbell がコメントしました。</title>
        <link type="text/html" rel="alternate" href="http://bizcaz.com/archives/2007/10/21-111130.php#comment-4527"/>
        <id>tag:bizcaz.com,2010-02-20://4527</id>
        <updated>2009-02-24T14:20:43Z</updated>
        <published>2007-10-21T02:11:30Z</published>
        <author>
            <name>bzbell</name>
            
            
        </author>
        <content type="html">
            &lt;div class="content"&gt;
                &lt;p style="float:right;"&gt;&lt;img src="http://bizcaz.com/mt/mt-static/images/status_icons/success.gif" alt="公開" width="9" height="9" /&gt;公開&lt;/p&gt;

                &lt;p&gt;
                &lt;b&gt;ブログ:&lt;/b&gt; &lt;a href="http://bizcaz.com/"&gt;Movable Type 備忘録&lt;/a&gt;&lt;br /&gt;

                &lt;b&gt;ブログ記事:&lt;/b&gt; &lt;a href="http://bizcaz.com/archives/2007/10/21-111130.php"&gt;jQuery で Lightbox のように表示する&lt;/a&gt;&lt;br /&gt;

                &lt;b&gt;コメント投稿者:&lt;/b&gt; bzbell&lt;br /&gt;
                &lt;b&gt;メール:&lt;/b&gt; &lt;br /&gt;
                &lt;b&gt;URL:&lt;/b&gt; http://bizcaz.com/archives/2007/10/21-111130.php#comment-4527&lt;br /&gt;
                &lt;/p&gt;
                &lt;p&gt;
            &lt;/div&gt;


            <![CDATA[<p>
>>7 haru さん
</p>

>>8 の追記です。
prototype を使いたい場合には HTML ヘッダ内に以下のコードを追加してください。
<pre>
　&lt;script type=&quot;text/javascript&quot; src=&quot;http://ajax.googleapis.com/ajax/libs/prototype/1.6.0.3/prototype.js&quot;&gt;&lt;/script&gt;
　&lt;script type=&quot;text/javascript&quot; src=&quot;http://●●●/js/shadowbox/adapter/shadowbox-prototype.js&quot;&gt;&lt;/script&gt;
　&lt;script type=&quot;text/javascript&quot; src=&quot;http://●●●/js/shadowbox/shadowbox.js&quot;&gt;&lt;/script&gt;
　&lt;script type=&quot;text/javascript&quot;&gt;
　Shadowbox.loadSkin('classic', 'http://●●●/js/shadowbox/skin');
　Shadowbox.loadLanguage('en', 'http://●●●/js/shadowbox/lang');
　Shadowbox.loadPlayer(['img', 'html', 'iframe'], 'http://●●●/js/shadowbox/player');
　
　Event.observe(window, &quot;load&quot;, function() {
　    Shadowbox.init();
　});
　&lt;/script&gt;
</pre>]]>

            &lt;hr /&gt;
        </content>
    </entry>
    
    <entry>
        <title type="html">bzbell がコメントしました。</title>
        <link type="text/html" rel="alternate" href="http://bizcaz.com/archives/2007/10/21-111130.php#comment-4526"/>
        <id>tag:bizcaz.com,2010-02-20://4526</id>
        <updated>2009-02-24T14:06:33Z</updated>
        <published>2007-10-21T02:11:30Z</published>
        <author>
            <name>bzbell</name>
            
            
        </author>
        <content type="html">
            &lt;div class="content"&gt;
                &lt;p style="float:right;"&gt;&lt;img src="http://bizcaz.com/mt/mt-static/images/status_icons/success.gif" alt="公開" width="9" height="9" /&gt;公開&lt;/p&gt;

                &lt;p&gt;
                &lt;b&gt;ブログ:&lt;/b&gt; &lt;a href="http://bizcaz.com/"&gt;Movable Type 備忘録&lt;/a&gt;&lt;br /&gt;

                &lt;b&gt;ブログ記事:&lt;/b&gt; &lt;a href="http://bizcaz.com/archives/2007/10/21-111130.php"&gt;jQuery で Lightbox のように表示する&lt;/a&gt;&lt;br /&gt;

                &lt;b&gt;コメント投稿者:&lt;/b&gt; bzbell&lt;br /&gt;
                &lt;b&gt;メール:&lt;/b&gt; &lt;br /&gt;
                &lt;b&gt;URL:&lt;/b&gt; http://bizcaz.com/archives/2007/10/21-111130.php#comment-4526&lt;br /&gt;
                &lt;/p&gt;
                &lt;p&gt;
            &lt;/div&gt;


            <![CDATA[<p>
>>6 haru さん<br />
>>7 haru さん
</p>

<p>
こんばんわ^^
</p>

<p>
ご連絡が遅くなってすいません<img src="http://bizcaz.com/mt/mt-static/plugins/InsertIcon/images/kuroron/t2_ase1.gif" class="mt_icon" width="40" height="40" alt="ãããã" title="ãããã" />
</p>

<p>
&gt; &lt;head&gt;内にLightbox ソースがあるとダメですか^^;
</p>

<p>
はい。shadowbox と lightbox は併用できません。<br />
たぶん他の lightbox 系のエフェクトライブラリにおいても同様だと思われまする。<br />
なので、lightbox を削除してください。
</p>

<p>
&gt; ※prototype .ｊｓは、別にアップする必要あるんでしょか？？
</p>

<p>
はい。prototype.js は別途 UP する必要があります。<br />
てか、haru さんは jQuery をお使いかと思ってたのですが prototype でいいですか!?
</p>

<p>
具体的には以下の手順で設置してみてください。
</p>

<ol>
<li><p>まず、必要なファイルをサーバにアップロード</p>
<p>以下のページからライブラリをダウンロードします。</p>
<a href="http://mjijackson.com/shadowbox/doc/download.html">http://mjijackson.com/shadowbox/doc/download.html</a>
<p>ページ下の方に「Download Code」というボタンがありますのでそちらをクリックして shadowbox-2.0-code.zip というファイルを入手してください。
そして、入手した圧縮ファイルを適当なフォルダに解凍してください。</p></li>
<li><p>不要なランゲージファイルを削除</p>
<p>build フォルダ内にある lang フォルダ内から shadowbox-en.js というファイル以外のすべてを削除します。</p></li>
<li><p>必要なファイルをサーバにアップロード</p>
<p>build フォルダ内の adapter、lang、player と shadowbox.js を丸ごとサーバにアップロードします。
アップロード先はどこでも構いません。<br />
たとえば、haru さんとこのトップページと同じ場所に js/shadowbox フォルダを新規作成してその中にアップロードすれば整理整頓できると思います<img src="http://bizcaz.com/mt/mt-static/plugins/InsertIcon/images/kuroron/t2_tere.gif" class="mt_icon" width="40" height="40" alt="ãã¬ãã¬" title="ãã¬ãã¬" /></p>
<p>もう一つ、 src フォルダ内に skin というフォルダがありますので、そのフォルダも shadowbox フォルダ内にアップロードしてください。</p></li>
</ol>

<p>
以上で shadowbox の前準備( 設置 )は完了です。<br />
あとは、HTML ヘッダ内に以下のコードを追加すれば完了です<img src="http://bizcaz.com/mt/mt-static/plugins/InsertIcon/images/kuroron/t2_bui.gif" class="mt_icon" width="40" height="40" alt="ãã¤ãã¤" title="ãã¤ãã¤" />
</p>

<pre>
　&lt;script type=&quot;text/javascript&quot; src=&quot;http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js&quot;&gt;&lt;/script&gt;
　&lt;script type=&quot;text/javascript&quot; src=&quot;http://●●●/js/shadowbox/adapter/shadowbox-jquery.js&quot;&gt;&lt;/script&gt;
　&lt;script type=&quot;text/javascript&quot; src=&quot;http://●●●/js/shadowbox/shadowbox.js&quot;&gt;&lt;/script&gt;
　&lt;script type=&quot;text/javascript&quot;&gt;
　Shadowbox.loadSkin('classic', 'http://●●●/js/shadowbox/skin');
　Shadowbox.loadLanguage('en', 'http://●●●/js/shadowbox/lang');
　Shadowbox.loadPlayer(['img', 'html', 'iframe'], 'http://●●●/js/shadowbox/player');
　 
　$(document).ready(function() {
　    Shadowbox.init();
　});
　&lt;/script&gt;
</pre>
※行頭に全角スペースが付加されてます。コピペした後で行頭の全角スペースを必ず削除してください。

<p>
ちょと補足すると、shadowbox をどのように使いたいかによってロードするライブラリ( プレイヤー )を選択することができます。Shadowbox.loadPlayer(～)というのがそれにあたります。
</p>

<p>
上記コードだと img、html、iframe という選択になってますが、これは shadowbox を使って画像表示、HTML タグ表示、外部ファイル( HTML ファイル )表示を選択してます。<br />
プレイヤーの選択によっては動画ファイルなども表示することができます<img src="http://bizcaz.com/mt/mt-static/plugins/InsertIcon/images/kuroron/t2_waku.gif" class="mt_icon" width="40" height="40" alt="ã¯ã¯ã¯ã¯" title="ã¯ã¯ã¯ã¯" />
</p>

<p>
上記ダウンロードページ下にある「Players」というところに選択可能なライブラリが明記されてますので参考にしてください。
</p>]]>

            &lt;hr /&gt;
        </content>
    </entry>
    
    <entry>
        <title type="html">haru がコメントしました。</title>
        <link type="text/html" rel="alternate" href="http://bizcaz.com/archives/2007/10/21-111130.php#comment-4523"/>
        <id>tag:bizcaz.com,2010-02-20://4523</id>
        <updated>2009-02-24T12:32:32Z</updated>
        <published>2007-10-21T02:11:30Z</published>
        <author>
            <name>haru</name>
            
            
        </author>
        <content type="html">
            &lt;div class="content"&gt;
                &lt;p style="float:right;"&gt;&lt;img src="http://bizcaz.com/mt/mt-static/images/status_icons/success.gif" alt="公開" width="9" height="9" /&gt;公開&lt;/p&gt;

                &lt;p&gt;
                &lt;b&gt;ブログ:&lt;/b&gt; &lt;a href="http://bizcaz.com/"&gt;Movable Type 備忘録&lt;/a&gt;&lt;br /&gt;

                &lt;b&gt;ブログ記事:&lt;/b&gt; &lt;a href="http://bizcaz.com/archives/2007/10/21-111130.php"&gt;jQuery で Lightbox のように表示する&lt;/a&gt;&lt;br /&gt;

                &lt;b&gt;コメント投稿者:&lt;/b&gt; haru&lt;br /&gt;
                &lt;b&gt;メール:&lt;/b&gt; &lt;br /&gt;
                &lt;b&gt;URL:&lt;/b&gt; http://bizcaz.com/archives/2007/10/21-111130.php#comment-4523&lt;br /&gt;
                &lt;/p&gt;
                &lt;p&gt;
            &lt;/div&gt;


            <![CDATA[<p>
こんばんは^^
</p>

<p>
Shadowboxをチャレンジしましたが・・ダメみたいですね。（笑）<br />
サイトの記事どうりに&lt;head&gt;内にソースを書き込みました。<br />
変更ヵ所<br />
URL<br />
prototype <br />
※Lightbox がprototype になっていたので・・prototype を書き込みました。<br />
解凍したShadowboxファイルをダメもとでアップしてみました。
</p>

<p>
サイト記載されてるディレクトリーを真似て<br />
書き換えました^^;　↓
</p>

<p>
&lt;script type=&quot;text/javascript&quot; src=&quot;http://ｘｘｘｘ.com/js/adapter/shadowbox-prototype .js&quot;&gt;&lt;/script&gt; <br />
&lt;script type=&quot;text/javascript&quot; src=&quot;http://ｘｘｘ.com/js/shadowbox.js&quot;&gt;&lt;/script&gt; <br />
&lt;script type=&quot;text/javascript&quot;&gt; <br />
  <br />
Shadowbox.loadSkin('classic', 'http://ｘｘｘ.com/js/skin'); <br />
Shadowbox.loadLanguage('en', 'http://ｘｘｘ.com/js/lang'); <br />
Shadowbox.loadPlayer(['img', 'html'], 'http://soleil.com/js/player'); 
</p>

<p>
js ファイルの中に ディレクトリーに合わせて各ファイル入れています。<br />
必要のないファイルは、はずしています。
</p>

<p>
&lt;head&gt;内にLightbox ソースがあるとダメですか^^;<br />
一様消しときました。<br />
※prototype .ｊｓは、別にアップする必要あるんでしょか？？<br />
取り決めが分からないです。ほとんど・・何も分からずやっていますが(&gt;_&lt;)<br />
私のサイトは、HTMLでMTでは、ありませんので又ソース表示もかわりますか。<br />
できましたら&lt;head&gt;内にソースの間違ってる箇所を教えていただけますか<br />
宜しくおねがいします。m(__)m
</p>]]>

            &lt;hr /&gt;
        </content>
    </entry>
    
</feed>
