はてなブログ | 無料ブログを作成しよう台北市立動物園と迪化街めぐり 子連れ台湾#5 年越し台湾旅行5日目、レジャーや友人との食事を楽しむ日です。前日の様子はこちら www.oukakreuz.com 台北市立動物園へ パンダ館 パンダが見られるレストラン 迪化街へ 林茂森茶行でお茶を購入 小花園で刺繍グッズを購入 黒武士特色老火鍋で夕食 台北市立動物園へ 松…
JavaScript で画像本来のサイズ(幅, 高さ)を取得する - dogmap.jp
画像や動画を lightbox 風に表示する拙作の jQuery 用プラグイン jQuery.lightpop.js ですが、画像の拡大表示で大きな問題がありました。 以下のようにサムネイル表示されている画像と、リンク先の画像が同一で、サムネイル表示している画像を width, height で小さく表示している場合、画像本来のサイズ(幅, 高さ)が取得できないため、正常に表示できないのです。 <a href="pict01.jpg" rel="lightbox" title="画像１"><img src="pict01.jpg" alt="画像１" width="160" height="120"></a> 困ったなぁと思いつつも、画像本来のサイズを取得する方法について調べずに放置していましたが、以下のエントリを読んで解決したので、久々に jQuery.lightpop.js をバージョ
jQueryによるLightbox風モーダルウィンドウの作り方 (3/3)
【クライアントのわがままに応える！】 画像ではなくテキストをモーダルウィンドウに表示したい！ 「画像じゃなくて説明文をライトボックス風に表示してほしい｣――。サンプル02ではモーダルウィンドウに画像を表示しましたが、画像の代わりにテキストなどの任意のHTMLも表示できます。 HTML部分は次のようになります。今回はdl/dt/ddの定義型リストでメニューを作成し、dt要素のメニューがクリックされるたらdd要素の内容をモーダルウィンドウに表示してみましょう。 ▼サンプル04（HTML部分） <dl> <dt>Lorem ipsum dolor sit amet,</dt> <dd><p>Lorem ...(中略)... felis mauris.</dt> <dt>Integer rhoncus felis mauris.</dt> <dd><p>Integer ...(中略)...temp
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
