<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	>
<channel>
	<title>jQuery.lightBox を画像ファイル以外にも対応させる へのコメント</title>
	<atom:link href="http://dogmap.jp/2007/12/03/customize-jquerylightbox/feed/" rel="self" type="application/rss+xml" />
	<link>http://dogmap.jp/2007/12/03/customize-jquerylightbox/</link>
	<description>独断と偏見の何でもレビュー。since Feb. 27, 2005</description>
	<pubDate>Tue, 16 Mar 2010 17:51:31 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
		<item>
		<title>LightBox風に iframe を表示 &#124; メシウマ状態　飯の旨いおかずがてんこ盛り より</title>
		<link>http://dogmap.jp/2007/12/03/customize-jquerylightbox/comment-page-1/#comment-4329</link>
		<dc:creator>LightBox風に iframe を表示 &#124; メシウマ状態　飯の旨いおかずがてんこ盛り</dc:creator>
		<pubDate>Thu, 23 Oct 2008 03:32:44 +0000</pubDate>
		<guid isPermaLink="false">http://dogmap.jp/2007/12/03/customize-jquerylightbox/#comment-4329</guid>
		<description>[...] jQuery.lightBox を画像ファイル以外にも対応させる : 独断と偏見の何でもレビュー　…iframe への対応法も [...]</description>
		<content:encoded><![CDATA[<p>[...] jQuery.lightBox を画像ファイル以外にも対応させる : 独断と偏見の何でもレビュー　…iframe への対応法も [...]</p>
]]></content:encoded>
	</item>
	<item>
		<title>をかもと より</title>
		<link>http://dogmap.jp/2007/12/03/customize-jquerylightbox/comment-page-1/#comment-3755</link>
		<dc:creator>をかもと</dc:creator>
		<pubDate>Sat, 12 Jan 2008 13:35:44 +0000</pubDate>
		<guid isPermaLink="false">http://dogmap.jp/2007/12/03/customize-jquerylightbox/#comment-3755</guid>
		<description>&lt;blockquote style=&quot;margin:0;&quot;&gt; 自サイトのリンク(sjis)をlightpopで表示させた際文字化けしてしまいます。
 ajaxでページデータを取得しているためかと思いますが、iframeも検討してみてはいかがでしょうか？？&lt;/blockquote&gt;

うーん、iframe って好きじゃないんですよね。
どうしてもと言うことであれば、fileTypes 配列の一番最後を

&lt;pre&gt;&lt;code&gt; ,{
   type: &#039;Contents&#039;
  ,match: function(strUrl){return true;}
  ,set: function(contentNo){
    var arrSizes = get_sizes_from_str(contentInfo[contentNo].href);
    strSrc = &#039;&lt;iframe width=&quot;&#039; + arrSizes[0] + &#039;&quot; height=&quot;&#039; + arrSizes[1] + &#039;&quot; src=&quot;&#039; + contentInfo[contentNo].href + &#039;&quot; scrolling=&quot;no&quot; style=&quot;border:solid 1px #CCC;&quot; frameborder=&quot;0&quot;&gt;&lt;a href=&quot;&#039; + contentInfo[contentNo].href + &#039;&quot;&gt;&#039; + contentInfo[contentNo].tytle + &#039;&lt;/a&gt;&lt;/iframe&gt;&#039;;
    contentInfo[contentNo] = jQuery.extend(contentInfo[contentNo], {content:strSrc, width:arrSizes[0], height:arrSizes[1], later:500});
    set_content_to_view(contentNo);
   }
  ,preload: function(contentNo){
    var arrSizes = get_sizes_from_str(contentInfo[contentNo].href);
    strSrc = &#039;&lt;iframe width=&quot;&#039; + arrSizes[0] + &#039;&quot; height=&quot;&#039; + arrSizes[1] + &#039;&quot; src=&quot;&#039; + contentInfo[contentNo].href + &#039;&quot; scrolling=&quot;no&quot; style=&quot;border:solid 1px #CCC;&quot; frameborder=&quot;0&quot;&gt;&lt;a href=&quot;&#039; + contentInfo[contentNo].href + &#039;&quot;&gt;&#039; + contentInfo[contentNo].tytle + &#039;&lt;/a&gt;&lt;/iframe&gt;&#039;;
    contentInfo[contentNo] = jQuery.extend(contentInfo[contentNo], {content:strSrc, width:arrSizes[0], height:arrSizes[1], later:500});
   }
  }&lt;/code&gt;&lt;/pre&gt;

って感じに変えれば、iframe で表示できるはずです。
&lt;blockquote&gt; ページリンクをlightpopで簡易表示させた際、そのページへのリンクがあると便利かと。&lt;/blockquote&gt;

あっ、これは良いですね。
あると便利かも、参考にさせていただきます。</description>
		<content:encoded><![CDATA[<blockquote style="margin:0;"><p> 自サイトのリンク(sjis)をlightpopで表示させた際文字化けしてしまいます。<br />
 ajaxでページデータを取得しているためかと思いますが、iframeも検討してみてはいかがでしょうか？？
</p></blockquote>
<p>うーん、iframe って好きじゃないんですよね。<br />
どうしてもと言うことであれば、fileTypes 配列の一番最後を</p>
<pre><code> ,{
   type: 'Contents'
  ,match: function(strUrl){return true;}
  ,set: function(contentNo){
    var arrSizes = get_sizes_from_str(contentInfo[contentNo].href);
    strSrc = '&lt;iframe width=&quot;' + arrSizes[0] + '&quot; height=&quot;' + arrSizes[1] + '&quot; src=&quot;' + contentInfo[contentNo].href + '&quot; scrolling=&quot;no&quot; style=&quot;border:solid 1px #CCC;&quot; frameborder=&quot;0&quot;&gt;&lt;a href=&quot;' + contentInfo[contentNo].href + '&quot;&gt;' + contentInfo[contentNo].tytle + '&lt;/a&gt;&lt;/iframe&gt;';
    contentInfo[contentNo] = jQuery.extend(contentInfo[contentNo], {content:strSrc, width:arrSizes[0], height:arrSizes[1], later:500});
    set_content_to_view(contentNo);
   }
  ,preload: function(contentNo){
    var arrSizes = get_sizes_from_str(contentInfo[contentNo].href);
    strSrc = '&lt;iframe width=&quot;' + arrSizes[0] + '&quot; height=&quot;' + arrSizes[1] + '&quot; src=&quot;' + contentInfo[contentNo].href + '&quot; scrolling=&quot;no&quot; style=&quot;border:solid 1px #CCC;&quot; frameborder=&quot;0&quot;&gt;&lt;a href=&quot;' + contentInfo[contentNo].href + '&quot;&gt;' + contentInfo[contentNo].tytle + '&lt;/a&gt;&lt;/iframe&gt;';
    contentInfo[contentNo] = jQuery.extend(contentInfo[contentNo], {content:strSrc, width:arrSizes[0], height:arrSizes[1], later:500});
   }
  }</code></pre>
<p>って感じに変えれば、iframe で表示できるはずです。</p>
<blockquote><p> ページリンクをlightpopで簡易表示させた際、そのページへのリンクがあると便利かと。
</p></blockquote>
<p>あっ、これは良いですね。<br />
あると便利かも、参考にさせていただきます。</p>
]]></content:encoded>
	</item>
	<item>
		<title>匿名 より</title>
		<link>http://dogmap.jp/2007/12/03/customize-jquerylightbox/comment-page-1/#comment-3749</link>
		<dc:creator>匿名</dc:creator>
		<pubDate>Fri, 11 Jan 2008 19:17:06 +0000</pubDate>
		<guid isPermaLink="false">http://dogmap.jp/2007/12/03/customize-jquerylightbox/#comment-3749</guid>
		<description>はじめまして。

jQuery.lightpop.jsを使わせていただきました。
すばらしいカスタマイズに感銘を受けております。

早速自サイトに設置させていただきました。
そのときに気づいたことが数点ありましたのでコメントさせていただきます。

自サイトのリンク(sjis)をlightpopで表示させた際文字化けしてしまいます。
ajaxでページデータを取得しているためかと思いますが、iframeも検討してみてはいかがでしょうか？？
CSS有効になりますし、他サイトでもいけますし。。

また細かいことですが、ページリンクをlightpopで簡易表示させた際、そのページへのリンクがあると便利かと。
さらに、スライドショー機能もつくと完璧かも。

以上、自分でも挑戦してみるつもりですがとりあえず寄稿させていただきました。
これからもよいものを作ることを期待しています！がんばってください！</description>
		<content:encoded><![CDATA[<p>はじめまして。</p>
<p>jQuery.lightpop.jsを使わせていただきました。<br />
すばらしいカスタマイズに感銘を受けております。</p>
<p>早速自サイトに設置させていただきました。<br />
そのときに気づいたことが数点ありましたのでコメントさせていただきます。</p>
<p>自サイトのリンク(sjis)をlightpopで表示させた際文字化けしてしまいます。<br />
ajaxでページデータを取得しているためかと思いますが、iframeも検討してみてはいかがでしょうか？？<br />
CSS有効になりますし、他サイトでもいけますし。。</p>
<p>また細かいことですが、ページリンクをlightpopで簡易表示させた際、そのページへのリンクがあると便利かと。<br />
さらに、スライドショー機能もつくと完璧かも。</p>
<p>以上、自分でも挑戦してみるつもりですがとりあえず寄稿させていただきました。<br />
これからもよいものを作ることを期待しています！がんばってください！</p>
]]></content:encoded>
	</item>
	<item>
		<title>をかもと より</title>
		<link>http://dogmap.jp/2007/12/03/customize-jquerylightbox/comment-page-1/#comment-3691</link>
		<dc:creator>をかもと</dc:creator>
		<pubDate>Sat, 22 Dec 2007 13:11:30 +0000</pubDate>
		<guid isPermaLink="false">http://dogmap.jp/2007/12/03/customize-jquerylightbox/#comment-3691</guid>
		<description>ちよこさん、どもです。

&lt;a href=&quot;http://dogmap.jp/2007/12/22/jquerylightpopjs/&quot; title=&quot;jQuery.lightpop.js : 独断と偏見の何でもレビュー&quot; rel=&quot;nofollow&quot;&gt;jQuery.lightpop.js&lt;/a&gt; として、画像フレームを表示できるようにしたモノを公開しましたので、そちらを試してみてもらっても良いですか？
デモは&lt;a href=&quot;http://dogmap.jp/lightpop_sample/sample.html&quot; title=&quot;jquery.lightpop.js サンプル&quot; rel=&quot;nofollow&quot;&gt;こちら&lt;/a&gt;</description>
		<content:encoded><![CDATA[<p>ちよこさん、どもです。</p>
<p><a href="/2007/12/22/jquerylightpopjs/" title="jQuery.lightpop.js : 独断と偏見の何でもレビュー" rel="nofollow">jQuery.lightpop.js</a> として、画像フレームを表示できるようにしたモノを公開しましたので、そちらを試してみてもらっても良いですか？<br />
デモは<a href="/lightpop_sample/sample.html" title="jquery.lightpop.js サンプル" rel="nofollow">こちら</a></p>
]]></content:encoded>
	</item>
	<item>
		<title>ちよこ より</title>
		<link>http://dogmap.jp/2007/12/03/customize-jquerylightbox/comment-page-1/#comment-3686</link>
		<dc:creator>ちよこ</dc:creator>
		<pubDate>Thu, 20 Dec 2007 16:17:27 +0000</pubDate>
		<guid isPermaLink="false">http://dogmap.jp/2007/12/03/customize-jquerylightbox/#comment-3686</guid>
		<description>をかもとさん、お返事ありがとうございます^^/

早速色々試して、それらしい感じにはできました。
背景に画像を配置して、paddingで見せる画像の枠の幅を調整するという感じです。
ただ、写真サイズもイラストフレームもサイズが全て同じなので、
リサイズアニメーションを停止しようと、奮闘中です・・・。

またお時間のあるときに、かもとさんのTipsをエントリしていただければ、嬉しいです。

毎日覗いていますので、是非是非詳細エントリ期待しております^^;;</description>
		<content:encoded><![CDATA[<p>をかもとさん、お返事ありがとうございます^^/</p>
<p>早速色々試して、それらしい感じにはできました。<br />
背景に画像を配置して、paddingで見せる画像の枠の幅を調整するという感じです。<br />
ただ、写真サイズもイラストフレームもサイズが全て同じなので、<br />
リサイズアニメーションを停止しようと、奮闘中です・・・。</p>
<p>またお時間のあるときに、かもとさんのTipsをエントリしていただければ、嬉しいです。</p>
<p>毎日覗いていますので、是非是非詳細エントリ期待しております^^;;</p>
]]></content:encoded>
	</item>
	<item>
		<title>をかもと より</title>
		<link>http://dogmap.jp/2007/12/03/customize-jquerylightbox/comment-page-1/#comment-3681</link>
		<dc:creator>をかもと</dc:creator>
		<pubDate>Thu, 20 Dec 2007 02:50:01 +0000</pubDate>
		<guid isPermaLink="false">http://dogmap.jp/2007/12/03/customize-jquerylightbox/#comment-3681</guid>
		<description>ちよこさん、はじめまして。

126 行目で apend しているHTML文を修正して CSS を修正すれば、できると思います。
CSS でボックスを表現する方法は、&lt;a href=&quot;http://www.7korobi8oki.com/mt/archives/000075.html&quot; title=&quot;CSSだけで、フレキシブルな角丸ボックスを作る方法：：[7korobi8oki.com]&quot; target=&quot;_blank&quot; rel=&quot;nofollow&quot;&gt;この辺&lt;/a&gt;が参考になるかと。
そのうち、詳細をエントリするかも。</description>
		<content:encoded><![CDATA[<p>ちよこさん、はじめまして。</p>
<p>126 行目で apend しているHTML文を修正して CSS を修正すれば、できると思います。<br />
CSS でボックスを表現する方法は、<a href="http://www.7korobi8oki.com/mt/archives/000075.html" title="CSSだけで、フレキシブルな角丸ボックスを作る方法：：[7korobi8oki.com]" target="_blank" rel="nofollow">この辺</a>が参考になるかと。<br />
そのうち、詳細をエントリするかも。</p>
]]></content:encoded>
	</item>
	<item>
		<title>ちよこ より</title>
		<link>http://dogmap.jp/2007/12/03/customize-jquerylightbox/comment-page-1/#comment-3679</link>
		<dc:creator>ちよこ</dc:creator>
		<pubDate>Wed, 19 Dec 2007 17:10:47 +0000</pubDate>
		<guid isPermaLink="false">http://dogmap.jp/2007/12/03/customize-jquerylightbox/#comment-3679</guid>
		<description>はじめまして。

素晴らしいカスタマイズですね！^^/
早速挑戦させていただいています。

そこで、さらに欲張って、このLightBoxの通常の白枠を、
自分でデザインした枠（イラスト）にカスタムに挑戦しているのですが、
そんなことは、できたりするのでしょうか。
※普段イラストを描いているので、かわいいフォトフレームをデザインして、
その中で写真や動画をコントロールしたいなと思ってます・・。


せっかくこんなに高機能なLightboxを
さらに見た目も自分でコントロールできればと思い、
をかもとさんが、もしご存知でしたら、
教えていただければ幸いです。</description>
		<content:encoded><![CDATA[<p>はじめまして。</p>
<p>素晴らしいカスタマイズですね！^^/<br />
早速挑戦させていただいています。</p>
<p>そこで、さらに欲張って、このLightBoxの通常の白枠を、<br />
自分でデザインした枠（イラスト）にカスタムに挑戦しているのですが、<br />
そんなことは、できたりするのでしょうか。<br />
※普段イラストを描いているので、かわいいフォトフレームをデザインして、<br />
その中で写真や動画をコントロールしたいなと思ってます・・。</p>
<p>せっかくこんなに高機能なLightboxを<br />
さらに見た目も自分でコントロールできればと思い、<br />
をかもとさんが、もしご存知でしたら、<br />
教えていただければ幸いです。</p>
]]></content:encoded>
	</item>
	<item>
		<title>をかもと より</title>
		<link>http://dogmap.jp/2007/12/03/customize-jquerylightbox/comment-page-1/#comment-3633</link>
		<dc:creator>をかもと</dc:creator>
		<pubDate>Thu, 13 Dec 2007 04:30:00 +0000</pubDate>
		<guid isPermaLink="false">http://dogmap.jp/2007/12/03/customize-jquerylightbox/#comment-3633</guid>
		<description>ゆきとさん、どもです。
動作報告ありがとうございました m(_ _)m

この改造版のプラグインは結構気に入っているので、そのうち全面書き換えして公開できるようにしたいと思います。</description>
		<content:encoded><![CDATA[<p>ゆきとさん、どもです。<br />
動作報告ありがとうございました m(_ _)m</p>
<p>この改造版のプラグインは結構気に入っているので、そのうち全面書き換えして公開できるようにしたいと思います。</p>
]]></content:encoded>
	</item>
	<item>
		<title>ゆきと より</title>
		<link>http://dogmap.jp/2007/12/03/customize-jquerylightbox/comment-page-1/#comment-3614</link>
		<dc:creator>ゆきと</dc:creator>
		<pubDate>Mon, 10 Dec 2007 09:27:33 +0000</pubDate>
		<guid isPermaLink="false">http://dogmap.jp/2007/12/03/customize-jquerylightbox/#comment-3614</guid>
		<description>まずは、結果報告です。

画像・YouTubeは、今まで通り問題ありません。
動画は、IE・FF共に「グルグル」が一瞬見え、ページに飛ばされてしまいます。
その他は、IE・FF共に問題なく表示されます。
&lt;blockquote&gt; 実は、ここに紹介した以外に他にも多々手を入れてあるので、それ絡みで上手く動かないのかも。&lt;/blockquote&gt;
この関係もしているのかもしれませんので、メールにてご連絡しますね。</description>
		<content:encoded><![CDATA[<p>まずは、結果報告です。</p>
<p>画像・YouTubeは、今まで通り問題ありません。<br />
動画は、IE・FF共に「グルグル」が一瞬見え、ページに飛ばされてしまいます。<br />
その他は、IE・FF共に問題なく表示されます。</p>
<blockquote><p> 実は、ここに紹介した以外に他にも多々手を入れてあるので、それ絡みで上手く動かないのかも。</p></blockquote>
<p>この関係もしているのかもしれませんので、メールにてご連絡しますね。</p>
]]></content:encoded>
	</item>
	<item>
		<title>をかもと より</title>
		<link>http://dogmap.jp/2007/12/03/customize-jquerylightbox/comment-page-1/#comment-3607</link>
		<dc:creator>をかもと</dc:creator>
		<pubDate>Sat, 08 Dec 2007 14:50:36 +0000</pubDate>
		<guid isPermaLink="false">http://dogmap.jp/2007/12/03/customize-jquerylightbox/#comment-3607</guid>
		<description>ゆきとさん、どもです。
どうも、URLから width, height を切り出すのがうまくいってなかったようです。
これでどうでしょうか？
&lt;blockquote&gt; WordPress上でないとうまくいかないのかと思いはじめております。&lt;/blockquote&gt;
いや、WordPress は関係なく動作するはずです。

あと、本文には書いてありませんが、&lt;code&gt;_finish()&lt;/code&gt; 関数の１行目に
&lt;code&gt;  $(&#039;embed, object&#039;, $(&#039;#jquery-lightbox&#039;)).remove();&lt;/code&gt;
を追記しておくと幸せかも。

実は、ここに紹介した以外に他にも多々手を入れてあるので、それ絡みで上手く動かないのかも。
jquery.lightbox.js はライセンス的に改変したソースの配布を認めてないようなので公開はできませんが、&lt;a href=&quot;http://dogmap.jp/about/&quot; rel=&quot;nofollow&quot;&gt;About&lt;/a&gt;に書いてある&lt;strong&gt;をかもと&lt;/strong&gt;の連絡先まで、メールいただければ、何とかなるかも。</description>
		<content:encoded><![CDATA[<p>ゆきとさん、どもです。<br />
どうも、URLから width, height を切り出すのがうまくいってなかったようです。<br />
これでどうでしょうか？</p>
<blockquote><p> WordPress上でないとうまくいかないのかと思いはじめております。</p></blockquote>
<p>いや、WordPress は関係なく動作するはずです。</p>
<p>あと、本文には書いてありませんが、<code>_finish()</code> 関数の１行目に<br />
<code>  $('embed, object', $('#jquery-lightbox')).remove();</code><br />
を追記しておくと幸せかも。</p>
<p>実は、ここに紹介した以外に他にも多々手を入れてあるので、それ絡みで上手く動かないのかも。<br />
jquery.lightbox.js はライセンス的に改変したソースの配布を認めてないようなので公開はできませんが、<a href="/about/" rel="nofollow">About</a>に書いてある<strong>をかもと</strong>の連絡先まで、メールいただければ、何とかなるかも。</p>
]]></content:encoded>
	</item>
</channel>
</rss>
