Благодаря вашей помощи и немного приложив своих скудных знаний, я добился того, чего хотел. Посмотреть можно тут:
http://colormusic.ru/museum.html Пока сделан только
"Алагир", остальное по образу и подобию сделать будет несложно. Кнопочками можно листать маленькие картинки, а если в нее ткнуть, то она увеличивается. Так же увеличивается и
"Блик", то есть одиночная картинка, вобщем все отлично.
Проблему с кодировкой решил просто - в файле view.html заменил
charset=iso-8859-1 на
charset=windows-1251, ибо к хосту эта проблема никак не относилась, это было видно по тому, что проявлялась только на локале.
<script language="JavaScript" src="../../use/js/img-pop.js.js"></script> - вот это был правильный совет. Не могу сказать, чтобы сразу заработало, но я увидел, что скрипт "зацепился", ибо в верхнем левом углу стал появляться пустой квадратик. Пришлось править еще list.js:
- Код: Выделить всё
var slsContents = new Array();
slsContents[0] = "<a href=\"#null\" onClick=\"showPic('museum/alagir/top1_big.jpg')\" title=\"Увеличить изображение\"><img src=\"top1.jpg\" width=\"250\" height=\"188\"></a>";
slsContents[1] = "<a href=\"#null\" onClick=\"showPic('museum/alagir/back_big.jpg')\" title=\"Увеличить изображение\"><img src=\"back.jpg\" width=\"250\" height=\"188\"></a>";
slsContents[2] = "<a href=\"#null\" onClick=\"showPic('museum/alagir/panel1_big.jpg')\" title=\"Увеличить изображение\"><img src=\"panel1.jpg\" width=\"250\" height=\"188\"></a>";
slsContents[3] = "<a href=\"#null\" onClick=\"showPic('museum/alagir/panel2_big.jpg')\" title=\"Увеличить изображение\"><img src=\"panel2.jpg\" width=\"250\" height=\"188\"></a>";
Вот после этого заработало как надо, теперь остальное исправлю, и уберу наконец-то эту дурацкую надпись в начале страницы:
Как посмотреть увеличенное фото?Да, еще Padonak советовал ALT добавить - я думаю это будет правильно, я так понимаю это чтобы картинки индексировались поисковиками?
Если я правильно понимаю надо для каждой картинки сделать типа так:
- Код: Выделить всё
slsContents[0] = "<a href=\"#null\" onClick=\"showPic('museum/alagir/top1_big.jpg')\" title=\"Увеличить изображение\" alt=\"Светорегулирующее устройство Алагир\"><img src=\"top1.jpg\" width=\"250\" height=\"188\"></a>";
Или добавить ALT для двух картинок?
- Код: Выделить всё
slsContents[0] = "<a href=\"#null\" onClick=\"showPic('museum/alagir/top1_big.jpg')\" title=\"Увеличить изображение\" alt=\"Светорегулирующее устройство Алагир\"><img src=\"top1.jpg\" width=\"250\" height=\"188\" alt=\"Светорегулирующее устройство Алагир\"></a>";
Если это действительно правильно, то я буду исправлять все остальное. Хочется убедиться, что это на самом деле верно, ибо переделать надо 40 файлов list.js и 40 файлов view.html ...
Еще раз всем спасибо за неоценимую помощь!