最近の記事
(02/02)ブログ更新の終了について
(01/22)Picasaでテンプレートを使う 〜 操作方法を動画で解説
(01/13)ShoutMix と Skypeボタンを組み合わせた足跡帳 & チャットボックスの設置
(01/07)画像を使ったクールなスライド・メニュー 〜 imageMenu
(01/03)iPhone/iPodのカバーフロー表示をサイトやブログでも 続きその2
(01/03)イメージスライドスクリプト”noobSlide” 〜サンプル切り出しとボタン画像の利用
(12/31)iPhone/iPodのカバーフロー表示をサイトやブログでも 続き
(12/30)iPhone/iPodのカバーフロー表示をブログでも 〜 ImageFlowをブログで使うには
(07/03)たった1行のスクリプトでできること 〜 IEのJavascript高速化 / IE判定
(07/02)Seesaaブログカスタマイズ 記事ページング機能 / ソーシャルブックマーク機能
(07/02)ブログ記事でHTML/CSS/Javascriptなどのソースコードを綺麗に表示したい 〜 dpSyntaxHighlighter
(06/25)Javascript onloadが複数ある場合の対処法 〜FancyZoomとCubeブログシールを共存させる
(06/25)クールなズームアップを手軽に実現 〜 FancyZoom 1.1
(06/21)Webサイト/ブログのCSSを直感的に理解できるFireFoxアドオン 〜 EditCSS
(06/15)記事の中でHTMLタグを表示したい
(06/15)パンくずリストをつける
(06/12)Slimbox / Lightbox のキャプションにリンクを貼るには
(06/10)slimbox1.52 reflection1.3 バージョンアップへ対応
(05/31)mooSlideBox3.2 が動かない 〜 mooSlide2.jsの修正で解決
(05/28)Mootoolsパノラマ・スクリプト "Pamoorama" VS "Mediabox"+村上スクリプト
2008年05月28日

Mootoolsパノラマ・スクリプト "Pamoorama" VS "Mediabox"+村上スクリプト この記事をはてなブックマークする |

Evernoteにクリップする

 Mootoolsを導入したので、あれこれMootoolライブラリを使ったスクリプトを紹介してみます。こちらはパノラマ・スクリプト”Pamoorama”で3月に撮影したバリ島サヌールの海岸の写真を表示。 現行バージョンは0.3 

Demo1:初期設定:自動スクロール


Demo2:初期設定:手動スクロール (画像にマウスを重ねるとスクロールします)


 ※当方で確認済の現症:
  サムネイルが枠から少々はみ出してしまいます(FireFox2.0の場合。IE7はOK)。
  自動スクロール中にマウスのスクロールボタンでページスクロールするとスクロールが
  止まってしまいます。一旦Stop Autoscrollを押し、再度Start Autoscrollを押すと治ります。

 360度スクロールも今後正式対応の予定とのこと。

 さてこちらをクリックすると、従来から使わせていただいている”瀬戸の夜景”:村上さんの作成スクリプト(以下村上スクリプト)を利用したパノラマを”Mediabox”で表示します。

 以前はこのように別ページで全画面表示させていたのですが、”Mediabox”を使えばWebページもLightbox風にオーバレイ表示できます。”Pamoorama”はLightbox風に表示できないので、記事中でパノラマ表示させたい場合は”Pamoorama”で、オーバレイ表示で見せる場合は”村上スクリプト”と、状況によって使い分けるのが良いと思います。

瀬戸の夜景 日本全国の素晴らしい夜景の数々をパノラマで楽しめます。スクリプトも秀逸!



posted by 飛梅 at 07:16 | Comment(0) | TrackBack(0) | 日記 | このブログの読者になる | 更新情報をチェックする
この記事へのコメント
コメントを書く
お名前: [必須入力]

メールアドレス:

ホームページアドレス:

コメント: [必須入力]

認証コード: [必須入力]


※画像の中の文字を半角で入力してください。

この記事へのトラックバック
×

この広告は180日以上新しい記事の投稿がないブログに表示されております。