dir01’s blog

Lightbox JS — простой и скромный скрипт для показа изображений на текущей странице. Прост в установке и работает на всех современных браузерах.


Вся установка свелась к загрузке всех папок плагина в корневую директорию и добавлению строчек

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

в файл /wp-content/themes/default/header.php

UPD: Всё это дело работало только при просмотре всех записей.
При просмотре одной записи изображение просто открывалось в новом окне. Пофиксил исправлением вышеозначенных строчек на

<link rel=”stylesheet” href=”http://dir01.org/css/lightbox.css” type=”text/css” media=”screen” />
<script type=”text/javascript” src=”http://dir01.org/js/prototype.js”>
<script type=”text/javascript” src=”http://dir01.org/js/scriptaculous.js?load=effects”>
<script type=”text/javascript” src=”http://dir01.org/js/lightbox.js”>

UPD2: В режиме просмотра одной записи не работала кнопка “Close”. Точнее, работала, но картинка (кнопки, с надписью “Close”) не грузилась.
Пофиксил заменой

//
// Configuration
//
var fileLoadingImage = “images/loading.gif”;
var fileBottomNavCloseImage = “images/closelabel.gif”;

на

//
// Configuration
//
var fileLoadingImage = “http://www.dir01.org/images/loading.gif”;
var fileBottomNavCloseImage = “http://www.dir01.org/images/closelabel.gif”;

Вроде не очень красивое решение, но пока пусть побудет так =)