勉強したことのメモ

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

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

   

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

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

 

 

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

サンプルページ

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

 - 画像

  関連記事

jquery_logo
javascriptやjQueryで画像を書き換えても変わらない場合

けっこう前に画像をアップロードしてリアルタイムに プレビューする機能を作った時に ...

images
PHPでコマンドを実行して画像を加工

PHPで画像をリサイズしたりサムネイルを作ろうとすると、 ソースが長くなって面倒 ...

images
PHPで画像の削除

やりたい事↓↓ --------------- 画像の削除。削除ボタンを押すと「 ...

images
画像をアップロードすると複数サムネイルを生成する方法

フォームで画像をアップロードすると、予め定めておいた大中小のサイズでサムネイル画 ...

jquery_logo
画像をサムネイル⇔クリックで拡大(lightbox)

画像をサムネイル表示してクリックしたら大きく表示する というのがlightbox ...

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

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

images
独自タグからタグへの変換function

独自タグは##IMG1##みたいな感じ。 画像ファイル名は「ファイルパス/seq ...

jquery_logo
jQueryのプラグインで簡単にイメージスライダーを作成(bxslider)

画像のスライダーを作る時に便利なプラグインであるbxslider。 簡単に使える ...

jquery_logo
jquery.snipeの使い方

使い方によっては面白くなりそう。 ■jquery.snipe http://ra ...

images
画像登録用のfunction

<?php /****** 画像アップロード用function 画像送付側 ...