- カタチグラフィックスのBlog – Katachigfxの日記と制作メモ

「2008 11月」のかたログ

11.17

コンテンツが長くなる場合に、部分的に折りたたむ(非表示)ことで、すっきりと表示させることができる。簡単にアコーデオン機能を実装できるJavascript。

Accordion v2.0 -サンプルにもなっている

使い方

prototype.jsとscript.aculo.usのeffects.js、そしてaccordion.jsをhead要素内などで読み込む。
<script type="text/javascript" src="prototype.js"></script>
<script type="text/javascript" src="effects.js"></script>
<script type="text/javascript" src="accordion.js"></script>
<script type="text/javascript">
Event.observe(window, 'load', function(){
new accordion("accordion");
}, false);
</script> 

accordion(特定のID)は任意のidを設定する。

xtmlには特定のID(サンプルではaccordion)で、
accordion_toggleを付けた要素とaccordion_contentを付けた要素を囲む。
<dl id="accordion">
<dt class="accordion_toggle">タイトル</dt>
<dd class="accordion_content">本文</dd>



</dl>

オンマウスでアコーディオンを開いたり、はじめから特定のID部分を開いた状態にすることも可能。詳しくは、Googleで検索→「Accordion v2.0 使い方」

–制作メモ

11.11

seela.jpにて

Published 11月 11th, 2008 Posted in カタチのはなし No Comments »  

seela.jp

http://www.seela.jp/

僕が個人的に運営してきたサイト。
趣味のひとつ、写真をWEB上でも見せちゃおう!と最近リニューアルした。
まずはフィルム、デジタル、順序、モノクロ、カラーすべて関係なく、ただ気が向いたらアップしている。
100枚アップしたら、その100枚から組み合わせて作品を作ってみようと思う。 

この前、BOOM BOOM-BASH GROOVE PORTER のブログでSEELA.JPを紹介してもらった。
ケイイチありがとう!ケイイチの感じたように渋くほっこりした写真。これからも沢山撮っていくよ。
seela the photman /  BOOM BOOM-BASH GROOVE PORTERブログ

11.06

とがった唇がたまらない。むすめ。