Lightbox の設置方法 1.http://lokeshdhakar.com/projects/lightbox2/ からダウンロード 2.解凍し、「css」「js」「img」の3つ のフォルダをサイトのフォルダへ 3.適用するhtmlファイルのheadに 以下の文を追加する。 <link href="css/lightbox.css" rel="stylesheet" type="text/css"> <script src="js/jquery-1.11.0.min.js" type="text/javascript"></script> <script src="js/lightbox.js" type="text/javascript"></script> <script src="js/lightbox.min.js" type="text/javascript"></script> 4.適用する画像のimgタグをaタグで囲み、 aタグには以下の記載をする。 <a href= 拡大画像の相対パス rel= lightbox[ グループ名 ] > [ グループ名 ] は省略化。付けた場合、グループ内の 画像を順次表示できる。
© Copyright 2024 ExpyDoc