bl6.jpホームニュースレビューお出かけアプリウェブサイトMacカメラレタッチTips雑記bl6.jpファッション、写真、旅行、ガジェットなどの備忘録menuホームJavaScript画像に開閉できるキャプションを実装できるjQueryプラグイン「CaptionerJs」JavaScript2014.11.19画像に開閉できるキャプションを実装できるjQueryプラグイン「CaptionerJs」CaptionerJsは画像に開閉できるキャプションを実装することができるjQueryプラグインです。画像に表示されているキャプションをクリックするとスライドダウンしてタイトルのみを残して非表示になります。逆に今度はタイトルをクリックすると詳細がスライドアップで表示されます。[ads_center]CaptionerJsの使い方CaptionerJsのデモやダウンロードは以下からどうぞ。Captioner.Js使い方はjQuery本体とプラグインを読み込んだ状態で以下のように画像を記述します。シンプルで分かりやすいですね。/>キャプションは、オープン・クローズさせる以外にも固定することもできます。その場合はオプションで以下を追加してあげればOKです。data-captioner-type="stacked"data-captioner-typeに設定できる値は、static、animated、classicになります。画像に表示されるキャプションは、その画像に関する詳細情報を知るのにとても便利なわけですが、一方で画像をちゃんと見たい時にはキャプションを隠したくなりますよね。いったことを解決したい時には、このプラグインを活用するのがよさそうです。画像にキャプションを入れたいし、画像そのものもしっかりと見て欲しいといった時には、とても役立ちますね。Shareは、縦型のソー...JavaScriptスクロールによるページネーション、進捗度、ポジションなどの値を取得できる「roll.js」roll.jsはスクロールによるページネーション、進捗度、ポジションな...JavaScriptJavaScriptでセレクトボックスから項目を選択したらリンク先にジャンプさせるやり方ちょっとした備忘録です。pathをアニメーションさせる軽量のスクリプト...検索:プロフィールbl6.jp心がときめく「モノ」や「コト」を中心に紹介しています。レビューや日記なんかも。TwitterFacebookInstagram最近の記事2020.02.18成城石井オリジナルコーヒー豆「ブラジルイパネマ」アマゾンで買い物中に見つけた成城石井オリジナルコーヒー豆「ブラジルイパネマ」。...2020.02.17梅しば1年のどこかで無性にカリカリ梅を食べたくなる時期がある。先日もこの症状が生じてし...2020.02.15ハンドル付きのノートPC用インナーバッグ「エレコム...エレコムから出し入れしやすいハンドル付きのノートPC用インナーバッグが登場しまし...2020.02.14白銀の千秋公園スタバをあとにして朝の散歩をするために千秋公園へと向かった。今シーズンはいままで...2020.02.13日常の休日。スタバで温かいドリップを久しぶりの秋田のスタバ。いっても元旦以来だから約1カ月ぶりか。