bl6.jpホームニュースレビューお出かけアプリウェブサイトMacカメラレタッチTips雑記bl6.jpファッション、写真、旅行、ガジェットなどの備忘録menuホームJavaScriptGoogle画像検索のようにサムネイル画像をクリックするとスライド表示されるjQueryプラグイン「photowall」JavaScript2013.06.19Google画像検索のようにサムネイル画像をクリックするとスライド表示されるjQueryプラグイン「photowall」Google画像検索のようなアニメーションを実装することができるjQueryプラグイン「photowall」がよかったのでご紹介します。サムネイル画像をクリックすると、その画像詳細がスライドダウンして表示されます。画像を扱うWebサービスなんかと相性がとてもよさそうですね。[ads_center]使い方このようにGoogleで画像検索している時のようなアニメーションを実装することができます。jQuery本体とダウンロードしたプラグインをhead内に読み込みます。src=&quot;photowall/jquery.photoWall.min.js&quot;&gt;&lt;/script&gt;画像のマークアップはこんな感じで記述します。スライド時に表示される内容は、pw-image-descというクラス名をつけたタグ内に記述していきます。--&gt;&lt;/div&gt;あとはphotowallを呼び出すだけです。jQuery(&quot;.photowall&quot;).photoWall();});&lt;/script&gt;オプションも色々あるので詳しくは公式サイトで確認できます。jQueryというjQuer...JavaScriptJavaScriptでセレクトボックスから項目を選択したらリンク先にジャンプさせるやり方ちょっとした備忘録です。)この記事へのコメントはありません。この記事へのトラックバックはありません。URL返信をキャンセルする。-URL検索:プロフィールbl6.jp心がときめく「モノ」や「コト」を中心に紹介しています。レビューや日記なんかも。TwitterFacebookInstagram最近の記事2020.02.18成城石井オリジナルコーヒー豆「ブラジルイパネマ」アマゾンで買い物中に見つけた成城石井オリジナルコーヒー豆「ブラジルイパネマ」。...2020.02.17梅しば1年のどこかで無性にカリカリ梅を食べたくなる時期がある。先日もこの症状が生じてし...2020.02.15ハンドル付きのノートPC用インナーバッグ「エレコム...エレコムから出し入れしやすいハンドル付きのノートPC用インナーバッグが登場しまし...2020.02.14白銀の千秋公園スタバをあとにして朝の散歩をするために千秋公園へと向かった。今シーズンはいままで...2020.02.13日常の休日。スタバで温かいドリップを久しぶりの秋田のスタバ。いっても元旦以来だから約1カ月ぶりか。