ie6/7で、強引にdisplay:table-cell;風
画像が並ぶようなコンテンツで、サムネールが以下のように配置される可能性がある場合、
制作に関する私的なメモです
画像が並ぶようなコンテンツで、サムネールが以下のように配置される可能性がある場合、
タイトル通りの件で悩んだのでメモ。
同じサーバの場合は話が早いです。
jsでiframeで呼び出すコンテンツの高さを取ってきて、動的に書き換えればOK。
ie6以外のブラウザは、
contentWindow.document.documentElement.scrollHeight;
ie6は、
contentWindow.document.body.scrollHeight;
で、iframeの内容の高さを取って来れます。
それを、jQueryの$('iframe').height();とかで設定してやればいけます。
jQueryのプラグインを作る。
とりあえずこう書きます。
$.fn.hoge = function(引数){ return this.each(function(){ //ここに処理を書く }); }
これで例えば、hoge.jsと保存し、hoge.jsとjQuery本体を読み込みます。
そして、
$(function(){ $('div').hoge(); });
とすれば実行できます。すげー。
ちなみに、
(function($){ $.fn.hoge = function(){ return this.each(function(){ //ここに処理を書く }); }; })(jQuery);
という書式もあった。どっちが正解なんだろう?
jQueryの.animate()は、デフォルトでは数値型の制御しかできないらしい。 色のアニメーションをさせたかったので、探したらありました。
参考url:http://h2ham.seesaa.net/article/107837321.html
対象のjsファイルを<head>の<script>で読み込むだけで、.animate()で色の制御が可能になります。