「CrossSlide」写真や画像をかっこよくスライド表示
私はコンテンツを作るのは得意ですが、トップページがどうも苦手で…。 「まとめてゲーム」を作る際、トップページに何か華が欲しいと考えていました。 そこで思いついたのはサイトの要点を説明する、ちょっとしたムービーですね。 華やかなだけでなく、サイトを訪問者に知ってもらうこともできますので。 セオリーで言えばFlashを使用したいところです。 ただ一応使用経験はありましたが、もう５年ほど前の話です。 …完全に忘れてますね。(笑) 仕方ないので、何か簡単に実現できる方法が無いか？と探していたところ、jQueryのプラグインとして動作する「CrossSlide」というものを見つけました。 元々の用途はフェードを基本とした写真のスライドショーですが、使い方によってはFlashで作るような簡易的なムービーもどきも作れます。(笑) CrossSlideのメリットと機能とても簡単です。 これに尽きますね。(
画像ギャラリー用jQueryプラグインなどまとめ | PozuPad
何かと使うことの多いギャラリー系プラグイン。生憎僕は1から作ることができないので、その都度配布されてるものをちまちま探していたりします。毎回同じプラグインを見ては、「あぁこれ前も見たなー」と思い出す情けない僕なので、ギャラリー集をまとめることにしました。 なお、ライセンス関係はメモしていないので各サイトにてご確認ください。 ギャラリー（ポップアップ型） ColorBox [ jQuery ] エフェクトがたくさん用意されていますね。 Fancybox [ jQuery ] シンプルなギャラリー。 Galleria [ jQuery ] フルスクリーン対応。 Galleriffic [ jQuery ] サムネイルリストの隣に画像表示。 Image Gallery v1.0 [ Flash ] 使う場面はあまり思いつきませんが、こういうの作れたら良いなぁ。 Lightview [ jQuer
[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」を外部ファイルとし、下記のスクリプト
divを並べた後、たった１行でオシャレなスライダーが実装できるjQueryプラグイン「jShowOff」:phpspot開発日誌
divを並べた後、たった１行でオシャレなスライダーが実装できるjQueryプラグイン「jShowOff」 2011年02月10日- jShowOff: a jQuery Content Rotator Plugin by Erik Kallevig divを並べた後、たった１行でオシャレなスライダーが実装できるjQueryプラグイン「jShowOff」 次のような、なんともオシャレなスライダーが簡単に実装できてしまいます。 実際のコードは次のようにとてもシンプル。 <div id="features"> <div><p>This is a slide!</p></div> <div><a href="http://google.com"><img src="//www.google.com/intl/en_ALL/images/logo.gif" alt="Google Logo" /><
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://tobia.github.io/CrossSlide/
Skitter • Slideshow for anytime