×

[PR]この広告は3ヶ月以上更新がないため表示されています。
ホームページを更新後24時間以内に表示されなくなります。

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_contentpadding-left: 0px; を加えることで解決です。

上記は、僕が実装する際に特に悩んだところを書いただけです。僕みたいな初心者はつまずきやすい所ではないかなぁと思います。

07/06/25

サイトをリニューアルしました。以前のサイトの作りはWeb標準的にヒドイものだったらしいです。 なので枠組みだけは変えようと思って作り直しました。あまり内容の無いサイトですが、愛着はあります。
galleryのところで「Untitled」という素材を使わせて頂きました。 フォトギャラリーは作るのに悩んでしまいました。一覧にした方が見やすいんだけど、数が多くなると重くなってしまいます。 画像をズラ〜っと並べるのだけは絶対に嫌だったので、何かいいものは無いかなぁと探していたときに見つけたものです。 とりあえず即興で作った感じなので、より良くなるように改造していきたいですね。

あと、探り探りでRSSエディタ使って配信をしてみようと思っています。もし、うまくできてなかったら連絡をください。 基本的に手書きで書くのかと思ってましたが違うんですな。