[JS]Lightboxの進化形！クリックでもタップでも快適動作の画像を拡大表示させる超軽量スクリプト -Intense Images
サムネイル真ん中の風景写真は縦長 Intense Imagesの使い方 Step 1: 外部ファイル 当スクリプトを外部ファイルとして記述します。 ※jQueryなど他のスクリプトは必要ありません。 <head> ... <script src='../intense.js'></script> </head> Step 2: HTML 画像は2種類の配置方法があります。 img要素はサムネイルと拡大時の画像を兼用し、data-image属性は拡大時に高解像度の画像を利用することができます。 <img src="./img/awesome-source.jpg" /> <!-- OR --> <div class="anything" data-image="./img/awesome-source.jpg" /> data-imageを使用する時は、サムネイルはCSSで背景画像として指定
MOONGIFT: » 高機能JavaScriptスライド「Slideshow」:オープンソースを毎日紹介
※ 画像は公式サイトデモより。 Mac OSXに付属するiPhotoで好きなのは、スライドショーをはじめた時に写真が斜めに動きつつ、スライドしていく所だ。ただ写真を切り替えるだけでない、気持ちのいい演出だ。 同じ事は他の場面でも言える。Webで見せる時だって、ただ映し出していけば良いと言う訳ではない。 今回紹介するオープンソース・ソフトウェアはSlideshow、写真を華麗に演出してくれるJavaScriptライブラリだ。 Slideshowは表示する画像を配列で指定する事で、自動的に写真を切り替えて表示してくれる。特に、iPhoto同様に写真が移動しながら表示される点や、写真が変わる際にフェードアウトしながらと言う演出が良い。 他にも横からスライドしながら切り替わるものや、矢印での移動、サムネイル切り換え等、多彩なアクションが可能になっている。自動、手動どちらでの操作も可能だ。 写真は見
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
