(function() {作成した動画を友だち、家族、世界中の人たちと共有
ウィンドウサイズに合わせて要素をきれいに配置するJavaScript「Browser size aware content scaling」
twitter facebook hatena google pocket Googleの画像検索はウィンドウサイズによって表示件数を変えているのをご存知でしょうか？ 割り切れない個数の場合、余らせるのではなくあえて隠してしまうそのこだわり、あなたも追求しませんか。 jQueryを使用して同じ方法を実現する「Browser size aware content scaling like Google images」です。 sponsors 使用方法 jQueryからjquery.jsをダウンロードします。 また要素は今回画像として以下のようにマークアップされているとします。 <div id="content"> <amp-img src="画像パス1" /> <amp-img src="画像パス2" /> <amp-img src="画像パス3" /> <!-- 以下画像分 --> </d
インライン型LightBoxを実現するJavaScript「jQuery.popeye」
昨今LightBoxスクリプトが広まり、さまざまな場所でオーバーレイが登場するのに辟易している人も多いでしょう。 jQuery.popeyeはJavaScriptライブラリ「jQuery」を使用し、ユーザーの視線を妨げない表示方法が可能です。 sponsors 使用方法 jQuery.popeyeから、jquery.popeye-0.2.1.js、jquery.easing.1.3.jsや画像ファイルを、jQueryからjquery.jsをダウロードします。 <link rel="stylesheet" type="text/css" href="jquery.popeye.css" media="screen" /> <link rel="stylesheet" type="text/css" href="styling.css" media="screen" /> <script ty
ページめくり風の画像ギャラリーを作成するjavascript「jqShuffle」
LightBoxの登場にインパクトがあったからか画像の表示方法がワンパターン化している気がします。 今回紹介するjqShuffleでは、画像を1枚1枚めくるようなギャラリーを作成することができます。 Flashではありそうですが、Javascriptでは一風味変わった表示方法です。 sponsors 使用方法 jqShuffleからjqshuffle.jsを、JavascriptライブラリのjQueryからjquery.jsをダウンロードします。 <script src="http://yourdomain/jquery.js" type="text/javascript"></script> <script src="http://yourdomain/jqshuffle" type="text/javascript"></script> <script type="text/javas
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[JS]画像にキャプションやツールチップを自動で設定するスクリプト -Captions
http://e0166nt.com/blog-entry-677.html
