VPF::Увеличение фотографий. Оптимизация кода

KonstRuctor

Дата 29.8.2008, 15:22 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 245
Регистрация: 31.3.2006
Где: Россия, Санкт-Пет ербург

Репутация: нет
Всего: нет

Есть html-страница с миниатюрами фотографий.
По щелчку на фото показать увеличенное фото в новом окне.
Задача -- оптимизировать код.
* * *
Сейчас я делаю так:

Код


<img style="CURSOR: pointer" onclick='window.open("/images/fullscreen.php?fullfoto=falename_big.jpg&bgcolor=222222", "_blank", 
"width="+(screen.availWidth)+",height="+(screen.availHeight)+",status=no,resizable=no,directories=no,scrollbars=yes,
fullscreen=yes,toolbar=no,menubar=no,left=0,top=0")'
        src="/images/filename_small.jpg" alt="Альтернативный текст" width="100" height="100" border="0" />

И по щелчку открывается файл fullscreen.php, в который по GET, как видно из кода выше, передается имя большого файла и фон страницы.
* * *
Теперь собственно вопрос: как можно оптимизировать данный код для ситуации, когда имеем html-галерею,
в которой, скажем, 100 фотографий? Код получается какой-то длинный, к тому же все все атрибуты повторяются, за исключением имени большого файла и пути (путь может меняться, но для отдельно взятой страницы он константа).
Спасибо!

Это сообщение отредактировал(а) KonstRuctor - 29.8.2008, 15:23

bars80080

Дата 29.8.2008, 16:04 (ссылка)

(нет голосов)

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 44
Всего: 315

написать функцию, в которой весь код, а в тэге onclick="showbigfoto('falename_big.jpg&bgcolor=222222');"

всё

+ выкинуть width="100" height="100" border="0" style="CURSOR: pointer" и задать их в качестве стилей

KonstRuctor

Дата 31.8.2008, 00:04 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Цитата

+ выкинуть width="100" height="100" border="0" style="CURSOR: pointer" и задать их в качестве стилей

Не получится: в галерее могут быть фото различного размера.
Мы же делаем универсальную функцию. Бордер и курсор -- в стили, согласен.
* * *
Насчет функции -- мне как раз не понятно, как из нее потом передать в fullscreen.php параметры имени файла и фона.

Код


function showfoto(){
window.open("/images/fullscreen.php?fullfoto=falename_big.jpg&bgcolor=222222", "_blank", 
"width="+(screen.availWidth)+",height="+(screen.availHeight)+",status=no,resizable=no,directories=no,scrollbars=yes,
fullscreen=yes,toolbar=no,menubar=no,left=0,top=0")
}

bars80080

Дата 31.8.2008, 01:07 (ссылка)

(нет голосов)

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 44
Всего: 315

Код


function showfoto(xname, xbg){
window.open("/images/fullscreen.php?fullfoto=" + xname + "&bgcolor=" + xbg, "_blank", 
"width="+(screen.availWidth)+",height="+(screen.availHeight)+",status=no,resizable=no,directories=no,scrollbars=yes,
fullscreen=yes,toolbar=no,menubar=no,left=0,top=0")
}

...

<img src="/images/filename_small.jpg" onclick="showfoto('filename_big.jpg', '222222');" alt="Альтернативный текст" width="100" height="100" border="0" />

KonstRuctor

Дата 31.8.2008, 12:20 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Работает!
Спасибо за поддержку! Код стал гораздо проще и менее захламленный.

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: для новичков \| Следующая тема »