スライドショー試作品群の地図

javascriptを使ったスライドショーを量産したはいいが、
参照サイトがどこだったか忘れちゃうのでマップを作りました。
下記リンク表をご利用下さい。

※javascriptのソースは、基本コピペです。写真・絵は自前。
garou_c3d.html シンプルな回転木馬(カルーセル)型。
元サイトURL:http://himajin.moo.jp/
元サイトURL:http://himajin.moo.jp/freejava/imglink/imglink.html
carousel3d/carousel.html 回転木馬(カルーセル)型。
画像クリックで拡大表示。
元サイトURL:http://www.hotajax.org/content/view/491/420/
元サイトURL:http://www.web-labs.info/ajax/3dcarousel/
moorevolver/moorevolver.html かくっ、かくっ、と一枚ずつ画像が止まりながら
回転していくカルーセル、MooRevolver。
画像クリックでリンク先へ飛ぶようにすることもできます。
元サイトURL:http://www.monkey.nildram.co.uk/mootools/MooRevolver/
元サイトURL:http://mootools.net/
元サイトURL:http://www.paulvanroekel.nl/picasa/mooslidereflections/index.asp
元サイトURL:http://www.skuare.net/2007/10/javascriptmoorevolver.html
garou_lightbox.html Ajax、Lightbox。
画像クリックでふわっと拡大表示。
元サイトURL:http://www.huddletogether.com/projects/lightbox2/
thickbox/garou_thickbox.html Lightbox的な画像拡大表示。
サムネイル画像をクリックでふわっと拡大表示。
jQuery。
元サイトURL:http://www.paulvanroekel.nl/picasa/thickbox/index.asp
garou_galleria1.html Galleriaのブラック&サムネイル画面下表示バージョン。
サムネイル画像をクリックで、表示されている拡大画像が切り替わります。
元サイトURL:http://devkick.com/lab/galleria/
garou_galleria2.html Galleriaのホワイト&サムネイル左側表示バージョン。
サムネイル画像をクリックで、表示されている拡大画像が切り替わります。
元サイトURL:http://devkick.com/lab/galleria/
frogjs/garou_frogjs.html FrogJSのスライドショー。
画面左右のサムネイル画像をクリックで、
中央に表示されている拡大画像が切り替わります。
元サイトURL:http://www.puidokas.com/portfolio/frogjs/
garou_prometeus.html 圧巻の3Dギャラリー、Prometeus。
宇宙空間の向こうに小さな画像群が出現、
画像をクリックすると、どんどん大きくなりながら近付き、
そして見ている人の後ろへ飛び去っていくような3D。
画像のコメントの表示のされ方も小技が効いている。
とにかく一度見て!
元サイトURL:http://www.paulvanroekel.nl/picasa/prometeus/index.asp
garou_nagare.html 画面左上のボタンをクリックすると画像が出現、
画面いっぱいに画像が左から右へ流れます。
画像をクリックすると拡大表示。流れはストップ。
画面左上ボタンをクリックすると画像が消えます。
元サイトURL:http://miyake-kobo.hp.infoseek.co.jp/
元サイトURL:http://miyakekobo.fc2web.com/temp/hukugou_sl_001.html
garou_urouro.html 画面左上のボタンをクリックすると画像が出現、
画面いっぱいに画像がうろうろ動き回ります。
画像をクリックすると拡大表示。動きはストップ。
画面左上ボタンをクリックすると画像が消えます。
元サイトURL:http://miyake-kobo.hp.infoseek.co.jp/
元サイトURL:http://miyakekobo.fc2web.com/temp/hukugou_sl_002.html
garou_divfixed.html 画像をドラッグして移動できます。
表示位置をコントロールするスクリプト。
元サイトURL:http://himajin.moo.jp/
元サイトURL:http://himajin.moo.jp/freejava/hidiv/hidiv.html
yg/item.html 商品紹介部分の画像一覧と拡大表示にHigh Slide JS使用。
Lightbox的な画像拡大表示。
サムネイル画像をクリックでふわっと拡大表示。
また、ページトップやアンカー部分へスムーズスクロールする、
scrollBy.jsを使用。
カレンダー部分には『web上手』のスクリプト使用。
サイトマップ・お問い合わせ部分には、
別窓をサイズ指定して開く基本的なjavascriptを使用していますが、
Lightbox的スクリプトを組み込んでいるページではうまく動作しません(>_<)
画像オンマウスで別画像に切り替わるスクリプトも
てんとう虫部分などに使用。
元サイトURL:http://highslide.com/
元サイトURL:http://youmos.com/reference/smooth_scroll.html
元サイトURL:http://www.web-jozu.com/javascript/calen_link.html
kojin/99galleryindex.html 内部でFireFox専用とInternetExplorer専用のスライドショーに分かれています。
tableレイアウト。
FF専用のスライドショーはGalleryView。jQuery使用。
InternetExplorer8の時点では、
写真が縦一列に下までずらっと表示されているだけです。
IE専用スライドショーは『みやけ工房』を参照。
元サイトURL:http://spaceforaname.com/galleryview
元サイトURL:http://www.skuare.net/2009/03/javascriptjquery_galleryview.html
元サイトURL:http://www.geocities.jp/miyake_kobo/js/index.html
元サイトURL:http://miyakekobo.fc2web.com/cp_dx/cp_dx_801.html
元サイトURL:http://miyakekobo.fc2web.com/cp_dx/cp_dx_802.html

他試作品

game.html InternetExplorer専用のミニゲーム。
上から画像がx軸方向にランダムな間隔をとって出現し落下、
その画像にマウスカーソルが触れるとふんわり浮き、
全ての画像が下まで落ちるとゲームオーバー。
他のブラウザでは正常に表示されません。
元サイトURL:http://jun89.xdap.jp/honbun/honbun.html
元サイトURL:http://jun89.xdap.jp/java13/mygame2.htm
beansshopindex.html Wrapscrollのエレベータ&ドロップダウンメニュー。
元サイトURL:http://sawa-s.com/scroll-drop-menu.html
.html こだわりの上下左右ページ内スクロール。
元サイトURL:http://www.rr.iij4u.or.jp/~kazumix/d/javascript/scrollsmoothly/#section1
matrix/index.html マトリックス風文字とタイピング文字と雪。
とりとめもない…
元サイトURL:http://shopdd.blog51.fc2.com/blog-entry-458.html
元サイトURL:http://himajin.moo.jp/freejava/snow.html
元サイトURL:http://himajin.moo.jp/freejava/snow/snow.html
元サイトURL:http://www.altan.hr/snow/index.html
元サイトURL:http://rainbow.arch.scriptmania.com/scripts/bg/snow_fall_1.html
元サイトURL:http://www.246.ne.jp/~yuuko/javascript/snow2.html
元サイトURL:http://www.246.ne.jp/~yuuko/javascript/snow4.html
元サイトURL:http://plusone.jpn.org/javascript/sample/movie/snow.html#snow
元サイトURL:http://www.sisakubankin.com/java/script19.htm
元サイトURL:http://www.schillmania.com/projects/snowstorm/
kojin/99tearoomindex.html 普通の2カラムレイアウト。
kojin/lampteiindex.html 画面下に横並びメニューがあるタイプ。
kojin/mcindex.html FWで星型をどこまで遊べるかを追求したレース(笑)。
メイドカフェをイメージしたトップページのみ。