タグ別アーカイブ: AJAX

[web] スライドショーとか (AJAX)



 

仕事で使うことになったので、AJAXどんなスライドショーがあるか確認してみた。
ついでにフラッシュでのスライドショーも調べた。


AJAXタイプ

自動スライドするコンテンツボックス
http://solidstate.jp/ContentsDisplay/slidebox/script_154.html

モーションアニメーション付きのスライドショー
http://solidstate.jp/ImageDisplay/slideshow/script_161.html

背景画像をスライドショー
http://solidstate.jp/ImageDisplay/background/script_134.html

スライドショーをAjaxで実現:AJAX SlideShow
http://tbank.blog39.fc2.com/blog-entry-16.html

ネットショップなどでよく使われているajaxスライドイメージギャラリー
http://team-mrc.com/archives/1189

Google AJAX Feed APIを利用したスライドショー
http://p2b.jp/200908-Google-AJAX-Feed-API-Slideshow

スライドショー by AJAX (よくばり機能つき)
http://www.matsuaz.com/serog/2009/02/09/1234186639338.html

Litebox
http://www.doknowevil.net/litebox/

Highslide JS
http://highslide.com/#examples

Ajax入門(jQueryとThickbox)
http://www.systex.co.jp/wordpress/ajax/ajax2.html

JQueryを使ったスライド表現を集めた「10 Best jQuery Sliders」
http://design-develop.net/web-design/10-best-jquery-sliders.html


FLASHタイプ(フラッシュ持ってない人向け)

[スライドショー] NAVIEW-SLIDE <FREE>
http://naview.com/download/nvsl/

3分でフラッシュスライドショーを作成
http://elz.jp/manual/fpe/p_sample_easy.html

スライドショーバナーFlash簡単ジェネレーター
http://1st-impact.co.jp/KAZUMiX/BannerSlide/



ASで作る

(89) TransitionManagerクラスを使ったスライドショー(as3.0&2.0)   2009/7/1
http://www.flashiroha.com/script/slideshow_transition/as89.html

http://www.flashiroha.com/script/slideshow_transition/as91.html

エフェクトサンプル
http://www.agilesystems.jp/memo.html

ワイプの方向
http://livedocs.adobe.com/flash/9.0_jp/ActionScriptLangRefV3/fl/transitions/Wipe.html



サイトのブラウザ表示確認ツール

IETester(IE8,IE7,IE6,IE5.5でWebページをテスト)
http://www.my-debugbar.com/wiki/IETester/HomePage


http://www.google.co.jp/search?hl=ja&lr=&rlz=1C1CHNG_jaJP340JP340&tbo=1&tbs=qdr:y&q=AJAX スライドショー ダウンロード&start=10&sa=N


Webデザイナーのための jQuery入門 魅力的なユーザーインターフェースを手軽に作る (Books for Web Creative) おすすめ商品
Webデザイナーのための jQuery入門


[web] ポップアップウィンドウどうなのよ(メモ)



 

最近はAJAXを使うらしいね。ライトボックスとか言うらしい。
絵や写真(画像)だけじゃなく、HTMLそのままを表示できるタイプで探してみた。

これが、シンプルでカスタマイズしやすかった。
http://www.eight.nl/static/files/leightbox/

リンクもとはこちら
http://phpspot.org/blog/archives/2006/03/lightbox.html



改造の際に参考にしたサイト


そのままだと、ボックスのサイズが%指定なので、サイズ固定する際に必要になったCSSの設定
センター配置
http://neo.s21.xrea.com/web/008.html



[web] AJAXってなに? サンプル集へリンク



 

サンプルをみるのが早いと思いますので、
サンプルを公開しているサイトをピックアップ。
そのまま使えるのや、ダウンロードして中身を見れるのもあります。

AJAXで Cover Flow を作成する
http://blog.enviro-studio.net/?eid=258

[JS]iTunesのカバーフローのような画像ギャラリーのスクリプト
http://mediaeventservices.com/demo/gallery/gallery.html
http://coliss.com/articles/build-websites/operation/javascript/628.html

jQueryでAjaxを利用する基本チュートリアル
http://ascii.jp/elem/000/000/458/458236/

Ajaxでどんな事が出来るのかを知るサンプル集26種類 jQuery interface編
http://blog.4galaxy.net/16.html

JavaScript + Ajax 実践サンプル集 (1015本以上)
↑ほんとにそんなにあるの?見てないからわからない
それよりも、宣伝が多いので注意!!
http://jsajax.com/default.aspx

この辺が上位みたいなので、サンプルとしてはこの辺が妥当
http://jsajax.com/SamplesRate.aspx

1週間分のスケジュールを表示する
http://jsajax.com/jQueryWeekCalendarArticle1439.aspx

DHTML&AJAX アイデア見本帖
http://www.shoeisha.com/book/hp/dhtml/

JavaScriptistは、JavaScriptやajaxのサンプル/入門/リファレンス/ライブラリ情報の公開サイトです。
http://javascriptist.net/

AJAXのサンプルが山ほどダウンロードできるサイト「Ajax Rain」
http://gigazine.net/index.php?/news/comments/20070921_ajaxrain/
http://www.ajaxrain.com/index.php

Ajaxな日々
http://www.railwalker.com/ajax/

Ajax : 勉強用サンプル&解説
http://www.openspc2.org/JavaScript/Ajax/

SolidStateEveryday – Ajax,javascript,UIサンプルとチュートリアル
http://solidstate.jp/

AJAXサンプル開発者ブログ
http://ajax-world.sakura.ne.jp/blog/

JavaScript+Ajaxでサクサク動くサイトを作ろう!
http://archive.mag2.com/0000270581/index.html

チェック必須!GUIインタフェースを作るようにWebインタフェースを作成できる「Sigma Visual Ajax GUI Builder」
http://www.moongift.jp/2009/01/sigma_visual_ajax_gui_builder/

その他もろもろ
http://feed.designlinkdatabase.net/like_Ajax%E3%80%80CSS/127202_0_1.aspx

http://f32.aaa.livedoor.jp/~azusa/?t=ajax&p=jquery_plugin_navigationmenu

http://d.hatena.ne.jp/shimooka/20090325/1237953245

http://feed.designlinkdatabase.net/like_jQuery%E3%80%80スライドショー/353911_1_1.aspx

こんなところでしょうか。よいサイトあれば、教えてください〜