Memorandum
07/07/04
galleryのページにiCarousel
というjavascriptのライブラリを使ってみました。僕が想い描いていたようなフォトギャラリーに近いものになってよかったです。
配布サイトのDemoをほとんどコピペしただけの状態なので、シンプルです。
iCarouselを使うときの注意
Exampleページには、サンプルコードが載っているので
それをコピって貼ればいいのですが、そのまま使うと動きません。
コードを貼ってくれているのはありがたいのですが、貼り方は結構適当です。なので、「とりあえずそのままシンプルに使いたい」
という人が気をつけるべき点を書いておきます。
あ、これはexample6を使うときのものです。他のはどうだか分かりません。
- mootoolsはサイトに書いてあるもの+「Windows.DomReady」
- 配布サイトのhow to useにはmootoolsのどのComponentsを使えば良いか書いてくれてます。 しかし、ここに挙げられているものだけではうまく動きません。how to useに書かれているものに加え、 Windows.DomReadyも一緒にDownloadするとうまくいきます。
- #container_bd はコメントアウト
- サンプルコードのCSSには #container_bd というセレクタがありますがHTMLにはそのようなidが使われていません。 よって、面倒臭いのでコメントアウトもしくは削除しましょう。
- padding-left を加える
- ある程度動くようになっても、FireFoxやOperaだと画像がずれています。
画像が全体的に少し右にずれている感じです。
これは #example6_content に padding-left: 0px; を加えることで解決です。
上記は、僕が実装する際に特に悩んだところを書いただけです。僕みたいな初心者はつまずきやすい所ではないかなぁと思います。
07/06/25
サイトをリニューアルしました。以前のサイトの作りはWeb標準的にヒドイものだったらしいです。
なので枠組みだけは変えようと思って作り直しました。あまり内容の無いサイトですが、愛着はあります。
galleryのところで「Untitled」という素材を使わせて頂きました。
フォトギャラリーは作るのに悩んでしまいました。一覧にした方が見やすいんだけど、数が多くなると重くなってしまいます。
画像をズラ〜っと並べるのだけは絶対に嫌だったので、何かいいものは無いかなぁと探していたときに見つけたものです。
とりあえず即興で作った感じなので、より良くなるように改造していきたいですね。
あと、探り探りでRSSエディタ使って配信をしてみようと思っています。もし、うまくできてなかったら連絡をください。 基本的に手書きで書くのかと思ってましたが違うんですな。