投稿者「adminon」のアーカイブ

ミュージカル観賞

ミュージカル「ジェーン・エア」の招待券をもらったので久しぶりにミュージカルなるものを観賞してきた。たぶん眠くなるだろうと思って出かけたが、眠くならず最後まで観ることができた。内容は、孤児ジェーンが、家庭教師として住 …続きを読む→

E:nth-child(n)は疑似クラスの一種で、 n番目の子となるE要素にスタイルを適用する際に使用できる。例えば、<table>で使う場合Eがtrならば行のスタイル、thやtdならば列のスタイルを適用す …続きを読む→

CSS3の角丸で角度を50%にすると円を描くことができる。指定の方法は次のとおり。 border-radius: 50%; サンプル次のCSSとHTMLで試してみた。 CSS #season ul, #season …続きを読む→

lightBoxを使っていると浮かび上がった画像以外の背景が真っ黒ではないが黒くなっている。この背景の透明度はlightBox.cssで次のように設定している。 #overlay{ position: absolute; …続きを読む→

jQueryをWordPressに組組むときには次に注意する必要がある。（１）jQueryの設定を出力する jQueryなどのライブラリは<script>で指定して利用することができるが、<scrip …続きを読む→

WordPress lightbox2で画像サイズがブラウザサイズを超える場合、サムネールをクリックしたときに表示される画像はブラウザサイズに収まる部分しか表示されないため、隠れている部分を見るにはスクロールしなければな …続きを読む→

JavaScriptで画像サイズを得る方法を忘れないために記録しておく。 imgオブジェクトに画像を読み込ませ、widthとheightプロパティを使って画像の幅と高さを得ることができる。 var img = new I …続きを読む→

Lightbox2やWP JQuery Lightboxプラグインを導入すると、WordPressでアップロードしてある画像をリンク付で記事のなかに挿入すると自動的にlightBoxされるようになっている。一方、手動で …続きを読む→

サムネル画像をクリックした時に拡大するlightboxをJavaScriptで実現する方法。 JavaScriptで出来ているlightbox2を使えば簡単に実現できる。なお、WordPressにはlightboxプラグ …続きを読む→

JavaScriptで次のような二次元配列を設定する方法。 img_ary[0][0] = ‘花’ img_ary[0][1] = ‘http://sample.com/java/fl …続きを読む→