勉強したことのメモ

webプログラマ見習いが勉強したことのメモ。

lightboxで文字をクリックしたら画像を表示させる

   

一般的に使われているのはサムネイル画像をクリックすると拡大画像が表示されるというもの。

ただ、今回は文字をクリックすると画像が表示されるようにしたかった。

 

 

aタグにrel="lightbox"つけるだけでいけた。

サンプルページ

http://sample.taitan916.info/lightbox/

 - 画像

  関連記事

110126-HTML5_Logo
ajaxを使わずに非同期っぽくsubmitする

ajaxを使わずに見た目はページ遷移せず、 画像を含めたformをsubmitし ...

other
画像アップの注意(パーミッション)

家と仕事場でここのところ画像関係を使っており、 まったく関係ないサーバーにアップ ...

javascript_logo_unofficial-300x300
JavaScriptで画像に光沢をつける(glossy.js)

凄く簡単に光沢がつけられるライブラリがあったのでメモ。 ライブラリを呼び出してc ...

images
独自タグを変換して画像を表示させる

やりたい事↓↓ ----- {$IMG1}~{$IMG5}までの独自タグがある。 ...

images
PHPで画像のフォーマット(拡張子)の変換

画像のアップロードでjpg/png/gif形式を受け付けつつ、 最終的にjpgで ...

other
faviconの取得と生成

AというサイトのfaviconをBというサイトで使いたかった。 ただ、favic ...

jquery_logo
jQueryプラグイン使用時の注意

最近lightboxが急に動かなくなったという不具合があり 調べたところけっこう ...

images
PHPで画像にモザイクをかけて保存

やりたかった事はPHPで ・モザイク処理 ・元の画像とは別にファイル名をつけて保 ...

other
ローディングアイコンの自動生成

オートページャーを作成中にローディングしている アイコンが必要になったのでメモ。 ...

jquery_logo
jQueryで画像(タグ内)のsrc情報を取得する場合

すぐに出てこなかったのでメモ。 $('#test').attr('src'); ...