画像のキャプションを画像から飛び出るように表示するJavaScript「jQuery Drop Captions Plugin」
twitter facebook hatena google pocket 画像にキャプションを付けることでユーザーに配慮することが可能です。 JavaScriptライブラリのjQueryプラグインのjQuery Drop Captions Pluginを使用すると、画像から飛び出すようにキャプションを表示できます。 sponsors 使用方法 jQuery Drop Captions Pluginからファイルをダウンロードします。 <script type="text/javascript" src="jquery-1.3.2.js"></script> <script type="text/javascript" src="jquery.dropcaptions.js"></script> <script type="text/javascript" src="jquery.easin
[JS]画像に見出しとキャプションをスライド表示させるチュートリアル
jQueryを使用して、画像に半透明の見出しとキャプションをスライド表示させるチュートリアルをQuenessから紹介します。 Create a Thumbnail Gallery with Slick Heading and Caption Effect with jQuery demo デモでは画像にマウスをホバーすると、上から見出し、下からキャプションをスライド表示させます。 見出しとキャプションは画像の前後にdiv要素で実装されています。 HTML <textarea name="code" class="html" cols="60" rows="5"> <div class="photo"> <div class="heading"><span>Telephoto Lens</span></div> <img src="images/fall.jpg" width="350" h
ALTでキャプションをふわりと表示：jQueryプラグイン「jCaption」
twitter facebook hatena google pocket 画像にキャプションをつけることは多いと思います。 でも、みんなと同じような見せ方は嫌だという方には、こんな方法もあります。 jQueryプラグイン「jCaption」はaltに記述したものを画像の上にふわりと乗せて表示できます。 sponsors 使用方法 jCaptionからjcaption.min.jsを、jQueryからjquery.jsをダウロードします。 <style> amp-img {border:none;} div.caption {margin: 0;padding:0;position: relative;} div.caption p {position: absolute;margin: 0; padding: 2px;font-size: .9em;bottom: 0;left: 0;b
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
