Highslide JS - модные превьюшки
Материал из Документация NGCMS
Highslide JS - модные превьюшки
Пример - http://pspfaqs.ru/static/test.html Итак, цель данного хака – использовать для превьюшек механизм плавного всплывания, как, например, на этой тестовой странице. Установка не займет у вас много времени и абсолютно не должна конфликтовать с какими-либо плагинами и хаками. Поехали!
1) На своем сайте в папке engine создайте папку hacks.
2) Скачайте архив из аттача и распакуйте его в только что созданную папку hacks.
У вас должен получиться результирующий путь http://site.ru/engine/hacks/highslide/highslide.js, где site.ru – имя вашего сайта.
3) Откройте файл main.tpl используемого вами шаблона (например, /templates/default/main.tpl) и сразу после {extracss} добавьте:
<style type="text/css" media="all"> @import url(http://site.ru/engine/hacks/highslide/highslide.css); </style> <!-- highslide start --> <script type="text/javascript" src="http://site.ru/engine/hacks/highslide/highslide.js"></script> <script type="text/javascript"> hs.graphicsDir = 'http://site.ru/engine/hacks/highslide/graphics/'; </script> <!-- highslide end -->
заменяя site.ru на имя вашего сайта.
4) Откройте файл engine/lang/russian/admin/images.ini и замените строки:
insert_thumb = "[img="{thumb_url}" border="0" align=""]{file_name}[/img]" insert_file = "[img="{file_url}" border="0" width="{image_width}" height="{image_height}" align=""]{file_name} ({fsize})[/img]"
на:
insert_thumb = "[url="{file_url}" onclick="return hs.expand (this)" class="highslide"][img="{thumb_url}" class="nimg" border="0" align=""]{file_name} ({fsize})[/img][/url]" insert_file = "[img="{file_url}" border="0" width="{image_width}" height="{image_height}" align=""]{file_name} ({fsize})[/img]"
5) Откройте файл engine/includes/classes/parse.class.php, найдите в нем строки:
case 'title': $v = str_replace(array("\"", ord(0), ord(9), ord(10), ord(13), ":", '<', '>', '&'),array("'",''),$kv); $outkeys [] = $kn.'="'.$v.'"'; break;
и ниже добавьте:
case 'onclick': $v = str_replace(array(ord(0), ord(9), ord(10), ord(13), "'", "\"", ";", ":", '<', '>', '&'),'',$kv); $outkeys [] = $kn.'="'.$v.'"'; break;
Вот и вся установка. Теперь, когда вы будете добавлять в ваши новости превью, для их увеличения будет использоваться библиотека Highslide JS.
Авторы данной инструкции: netduke и d7p4x Проверенно работает на 0.9.0 Release (Fix #04) Официальный сайт Highslide JS: http://highslide.com
