In this tutorial we will create a fullscreen gallery with jQuery. The idea is to have a thumbnail of the currently shown fullscreen image on the side that flips when […] In this tutorial we will create a fullscreen gallery with jQuery. The idea is to have a thumbnail of the currently shown fullscreen image on the side that flips when navigating through the images. The big image will slide up or do
数あるAjaxのスライドショーなんですが、単純にスライドショーしてくれるものがあんまりないです。ただ単にスライドショーしてくれるスクリプトの紹介です。 Simple slide show Demo jQueryライブラリーを使っています。これを使う方が手っ取り早いし安定してます。またGoogleではjQueryのAPIサービスを行っているので自由に利用することができます。デモ画面でもGoogleからライブラリーを読み込んでいます。ちょっとしたスライドショーだったらこれで十分なのですが自分の画像ギャラリーなど大量の画像などを読み込む際には自分でjQueryをダウンロードして自分のサーバーに設置した方がいいです。 ここでは手っ取り早くGoogleからjQueryを読み込む例を紹介します。 simple_jquery_slideshow.zip 設定方法 HTML HTMLソースではdiv
HTML+JavaScript, HTML+swf, Flashで動作する、24種類の多彩な表示方法が揃った画像ギャラリーを紹介します。 HTML slideshows & Flash photo gallery templates _ Slideshow Box ※キャプチャは「24. Wall 3D」 まずは、その24種類の多彩な表示方法を紹介します。 特に目を惹いたのは、9, 12, 20, 22, 24です。
スライドショー的なJavaScriptは多いですが、ここまで魅せるものはなかったように思います。 jQuery GalleryViewはどこを見ているのか、次の画像は何かなど細かい点にも配慮しています。 sponsors 使用方法 jQuery GalleryViewからファイル一式をダウンロードします。 themesはjsと同じディレクトリにアップして下さい。 <script type="text/javascript" src="jquery-1.3.2.js"></script> <script type="text/javascript" src="jquery.easing.1.3.js"></script> <script type="text/javascript" src="jquery.galleryview-1.0.js"></script> <script type=
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
