「CrossSlide」写真や画像をかっこよくスライド表示
私はコンテンツを作るのは得意ですが、トップページがどうも苦手で…。 「まとめてゲーム」を作る際、トップページに何か華が欲しいと考えていました。 そこで思いついたのはサイトの要点を説明する、ちょっとしたムービーですね。 華やかなだけでなく、サイトを訪問者に知ってもらうこともできますので。 セオリーで言えばFlashを使用したいところです。 ただ一応使用経験はありましたが、もう５年ほど前の話です。 …完全に忘れてますね。(笑) 仕方ないので、何か簡単に実現できる方法が無いか？と探していたところ、jQueryのプラグインとして動作する「CrossSlide」というものを見つけました。 元々の用途はフェードを基本とした写真のスライドショーですが、使い方によってはFlashで作るような簡易的なムービーもどきも作れます。(笑) CrossSlideのメリットと機能とても簡単です。 これに尽きますね。(
[JS]シンプル！軽量！簡単！三拍子揃ったスライドショーのスクリプト -jQuery.TinySlider
jQuery.TinySlider デモ [ad#ad-2] jQuery.TinySliderの実装 HTML スライドで表示されているイメージはdiv要素の背景画像です。 <div id="slider"> <div class="image" style="background-image: url(img/img1.jpg);">Simple</div> <div class="image" style="background-image: url(img/img2.jpg);">Light</div> <div class="image" style="background-image: url(img/img3.jpg);">Easy</div> </div> JavaScript 「jquery.js」と「jquery.slider.js」を外部ファイルとし、下記のスクリプト
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
