[B! サムネイル][jQuery] kams3261のブックマーク

kams3261 id:kams3261

サムネイルとjQueryに関するkams3261のブックマーク (4)

シンプルなサムネイル画像つきスライダーjQueryプラグイン「AD Gallery」
AD Gallery 今まで、サムネイル付きスライダーを紹介したことなかったので、今回はサムネイル画像を表示させた画像スライダーをご紹介します。最近、動きが凝ったjQueryのスライダー用のjQueryプラグインもいろいろ登場していますが、シンプルなサムネイル付きスライダー用のjQueryプラグインが必要なこともあるかと思います。設置も難しくないですので、トップ画像に利用したり、ギャラリーにしたりと用途は広いです。サンプルを作ってみました。シンプルなサムネイル画像つきスライダーjQueryプラグイン「AD Gallery」サンプル各ブラウザにも対応しています。軽くて設置もしやすいので、おすすめのスライダーです。 Firefox 3.5以降 , IE6以降, Chrome2以降 , Safari4以降, Opera9以降に対応しています。【使用方法】まず、こちらのAD Gall
kams3261 2013/06/20
jQuery

サムネイル

スライダー

画像
リンク
iView Slider
画像だけでなく、動画やiframe, HTMLコンテンツにも対応し、レスポンシブレイアウトやタッチデバイスもサポートしたスライダーをHTML5ベースで実装するjQueryのプラグインを紹介します。 iView Slider (jQuery) iView Sliderの特徴 iView Sliderのデモ iView Sliderの使い方 iView Sliderの特徴 iViewはキャプションやサムネイルをアニメーションで表示できるjQueryのスライダーで、イメージスライダー、コンテンツスライダー、バナー広告、プレゼンテーションなどさまざまな用途で利用できます。 IE6/7/8/9, Firefox, Chrome, Safari, Operaなど、主要ブラウザを全てサポート。 iOS, Androidのスマートフォンもサポート。サイズは変更可能で、レスポンシブレイアウトに対応。フレ
kams3261 2012/07/25
jQuery

サムネイル

使い方

iframe
リンク
美しいスタイルと軽快なアニメーションが気持ちいい、エラスティックレイアウト対応の画像ギャラリー
デモページ 2 実装 HTML メインとなるスライダー、サムネイル一覧、を2つのul要素で実装します。 <div id="ei-slider" class="ei-slider"> <ul class="ei-slider-large"> <li> <img src="images/large/1.jpg" alt="image01" /> <div class="ei-title"> <h2>Creative</h2> <h3>Geek</h3> </div> </li> <li>...</li> </ul> <ul class="ei-slider-thumbs"> <li class="ei-slider-element">Current</li> <li> <a href="#">Slide 1</a> <img src="images/thumbs/1.jpg" alt="thu
kams3261 2011/11/25
CSS3

jQuery

サムネイル

画像
リンク
画像アップロード時にjQueryでサムネイルを表示する方法 | Web活メモ帳
通常、画像アップロードを行う際は一度フォームの内容を全て送信しなければいけません。自分がアップしたファイルを確認するのにひと手間かかってしまいます。しかし、ajaxを使用する事により画像アップロード時に簡単にファイルを確認する事ができるようになります。 jQueryを使用したやり方を紹介している「Image Uploads with 100% Less Suck. Guaranteed.」というエントリーより。詳しくは以下以下のようなコードで実装できるようです。 <script src="/js/jquery.min.js" type="text/javascript"></script> <script src="/js/ajaxupload.js" type="text/javascript"></script> $(document).ready(function(){ var
kams3261 2011/02/21
jQuery

アップロード

function

サムネイル
リンク
1