*

Masonryのギャラリーの画像をクリックすると、画像が拡大し、キャプションがでるようにしてみる

公開日: : 最終更新日:2015/10/29 jQuery ,

前回の記事でMasonryのギャラリーを作成しましたが、今回はそれに、見出しをつけてみます。
サンプルコードの実行結果はこちら

今回使用したプラグイン
・Masonry
・colorbox
・imagesloaded

index.html

galleryFillterCapMa.js

スポンサードリンク

関連記事

catejQuery

非表示の要素を表示する show()

show()は、CSSのdisplayプロパティの値が「none」、 非表示のHTML要素を、アニ

記事を読む

catejQuery

フォーカスが外れたことを感知する。

前の記事のfocus()とは逆に、フォーム部品から フォーカスが外れた(選択されていない状態になっ

記事を読む

catejQuery

ページトップへスムーズにスクロールさせる。

今回は、ボタンをクリックしたら ページのトップへ滑らかに遷移するというものを jQueryを使っ

記事を読む

jQuery

Masonryのギャラリーの画像にホバーしたときに動きを付けてみる

今回はMasonryのギャラリーの画像にマウスのカーソルを乗せたときに青い半透明のアニメーションがで

記事を読む

jQuery

画面を下にスクロールさせると、違うデザインのメニューがついてくる

タイトルの通りです。画面をスクロールさせると、違うデザインのメニューがついてくる機能を今回作成しまし

記事を読む

catejQuery

空間を最大限に使いトップページの画像をタブで切り替える。

今回、書くのは、 トップページに複数の作品を乗せたいときに、 スクロールさせず、画面上部に配置し

記事を読む

catejQuery

表示状態を切り替える fadeIn()/fadeOut()

fadeIn()/fadeOut()は、文字通りです。 フェードイン・フェードアウトしながらHTM

記事を読む

catejQuery

イベントが発生した要素を取得する

イベントを設定したい要素はひとつとは限らない場合が 多々あります。 今回は、eqセレクターを

記事を読む

catejQuery

テキストの取得・変更

HTMLファイルに含まれるテキストをjQueryで 取得・変更するには、text()という命令を使

記事を読む

catejQuery

jQueryのセレクター1 odd/even/first/lastセレクター

CSSの箇所でselectorを取り上げましたが、 jQuery独自のセレクターがあるので 何回

記事を読む

スポンサードリンク

Message

メールアドレスが公開されることはありません。

CAPTCHA


次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">



スポンサードリンク

jQueryMobile
トグルスイッチを設定する

トグルスイッチ(toggle switch)とは、〇型のつまみを左右に

jQueryMobile
項目選択の複数ウィジェットをグループ化する

年月日など、複数のリストから同時に選択したいとき、ウィジェットのグルー

jQueryMobile
<select>により項目選択

ボタンによる選択では、1つの項目だけ選択するか、複数を同時に選択するか

jQueryMobile
値を選択するボタンを表示する

値を選択するボタンは以下の2つがあります。 ・複数の値から1つだ

jQueryMobile
ボタンを設定する

前回の記事では<a data-role="button">

→もっと見る

  • スポンサーリンク

PAGE TOP ↑