汎用性の高そうなjQueryイメージスライダー・Fotorama
よさ気だったので備忘録。jQueryで作るスライダーです。画像や動画にも対応、レスポンシブWebデザインにも対応しており、マークアップもシンプルで済みます。 なかなかいいスライダーでした。タッチイベントにも対応しているのでスマフォでも使えますね。 見た目はよくあるスライダーですが、汎用性は高い印象です。タッチイベント、レスポンシブWebデザイン、ハッシュタグ対応、動画も可能、フルスクリーン化も可能で、マークアップも画像を書けば良いだけ。 動作サンプルがいろいろ用意されています。 Sample コード<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script> <script src="fotorama.js"></script>本体とプラグインとCSSを読み込みます。 <div class="fotorama"> <
jQuery Responsive Thumbnail Gallery Plugin
jQuery Plugin for creating image galleries that scale to fit their container. How to Use Link to the script after jQuery. Apply it to a DOM element on the document ready event. $(document).ready(function() { var gallery = new $.ThumbnailGallery($('#gallery')); }); You can configure the settings as follows (example has the default config values assigned) $(document).ready(function() { var gallery =
リッチスニペット対応させて検索結果で注目度UP
今年の6月下旬の話を思い出したように書いています。 google の検索結果がリッチスニペット対応したのが 2009年12月あたり。ユーザ視点で言えば、ページの有益性を検索結果一覧上で確認する手段が提供されたことになりますが、情報提供者側の視点から言えば、検索順位以外でユーザの注目を集める方法が提供されたことになります。公式ブログでは下記のような説明がされています。 製品やサービスのレビューや評価情報を表示することで該当ページの有益性が分かりやすくなり、より効果的にユーザーをウェブサイトへ誘導できることが我々の実験結果で出ています。 つまり、リッチスニペット対応して検索結果にレビューやサムネイルとかを表示すれば、注目度が上がりアクセス数も増えるんだろうなぁーと容易に想像できたので、いつか自分のブログも対応させたいと思い始めてから早一年半・・・。料理カテゴリの記事のみですが microfor
iPhoneやAndroid等のタッチデバイス向けイメージギャラリー用JSライブラリ・PhotoSwipeなかなか良いですぞ
PhotoSwipeはタッチデバイス専用のJSライブラリ。iOS(iPhone/iPad)は勿論、AndroidやBlackBerryにも対応出来るそうです。また、jQuery依存型も非依存型が用意されているのも自由さがあっていいかなと。 [note] jQuery Mobileは昨日、サンプル配布したので宜しければ合わせてどうぞ。[/note] PhotoSwipeサンプル with jQuery Mobile 以下、iPhoneとiPadでのキャプチャです。 iPhoneでのキャプチャです デフォルト サムネを幅に自動で合わせてくれます。 ランドスケープ ランドスケープ時でもサムネイルを自動で拡大し、幅を合わせてくれます。 画像の閲覧 単体表示はサムネイルをタップします。左右フリックで進んだり戻ったり。 ナビゲーションもある 単体、ランドスケープ。タップすると下部にナビゲーションバーが
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Fine Uploader Javascript Upload Library
IDEA * IDEA
