Home > WordPress > Lightbox2導入

Lightbox2導入

2007-06-18 (月) 20:54
WordPress
WordPress

6月20日更新

Lightbox 2.0 for WordPressというプラグインがあり、それを導入するだけで済んでしまうことが判明。
ちなみに、下記で変更した部分は全て元に戻さないと、設定がバッティングしてうまく動きません。。
最初からこれで良かったー。

wordpress/wp-includes/js/lightbox を作成
http://www.huddletogether.com/projects/lightbox2/ から最新版をダウンロードして、上記ディレクトリでunzip

js/lightbox.js の下記部分のパスを変更

var fileLoadingImage = “/wp-includes/js/lightbox/images/loading.gif”;
var fileBottomNavCloseImage = “/wp-includes/js/lightbox/images/closelabel.gif”;

使用中のテーマの中の header.php に下記を追加

<script src=”/wp-includes/js/lightbox/js/prototype.js” type=”text/javascript”>
<script src=”/wp-includes/js/lightbox/js/scriptaculous.js?load=effects” type=”text/javascript”></script>
<script src=”/wp-includes/js/lightbox/js/lightbox.js” type=”text/javascript”>
<link href=”/wp-includes/js/lightbox/css/lightbox.css” rel=”stylesheet” type=”text/css” media=”screen” />

あとは、画像をFlexible Uploadで登録すれば完了(手抜き)

Popularity: 15% [?]

Comments:1

匿名 07-06-19 (火) 0:51: http://www.kawa.net/works/js/animation/cube.html

Trackbacks:0

Trackback URL for this entry: http://kunik.no-ip.com/2007/06/18/2054/lightbox2.html/trackback
Listed below are links to weblogs that reference: Lightbox2導入 from kuniharumaki blog

Home > WordPress > Lightbox2導入