• 3921
  • 8
  • Автор: http://highslide.com
  • Обсудить нана форуме
  • Адаптировал: netduke и d7p4x
  • Уровень сложности исполнения: это делается простым копированием и нажиманием кнопки
  • Демо:

Хак - Highslide JS - модные превьюшки

1) На своем сайте в папке engine создайте папку hacks.

2) Скачайте архив из аттача и распакуйте его в только что созданную папку hacks.
У вас должен получиться результирующий путь

Код:
 http://site.ru/engine/hacks/highslide/highslide.js
, где site.ru – имя вашего сайта.

3) Откройте файл main.tpl используемого вами шаблона (например, /templates/default/main.tpl) и сразу после htmlvars добавьте:
Код:
<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) 5) Откройте файл engine/includes/classes/parse.class.php, найдите в нем строки (!!!!! Для моей версии именно эти строки в районе -+ 366, дело в том что в файле parse.class.php похожие строки есть еще в районе -+255 и часто ставят после них что и есть роковая ошибкой)):

Код:
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.
Вы не можете скачивать файлы с нашего сайта ,рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

Можешь почитать и вот эту статейку "Выпадающие меню на CSS"

mistakes

Это тоже интересно

    irbees2008

    irbees2008 | 5.11.2015 - 23:57

    bloodic,это зависит от тебя ,листание есть и в том скрипте вот примеры http://highslide.com/

    ответить

    bloodic

    bloodic | 5.11.2015 - 21:30

    irbees2008, тоесть лучше все-таки отказаться от хайслайд и поставить лайтбокс? быстрей работать будет? за ссылку спасибо :)

    ответить


    bloodic

    bloodic | 5.11.2015 - 03:12

    irbees2008, ну я на форуме находил еще lightbox вроде так называется вывод, но он вообще как крокодил громоздкий)) мне бы еще как на дле после увеличиния картинки кнопочки листать их и вообще цены не было :) не сталкивался с таким?

    ответить

    irbees2008

    irbees2008 | 4.11.2015 - 22:43

    bloodic, по мне так он слишком тяжелый,есть варианты по легче )

    ответить

    bloodic

    bloodic | 4.11.2015 - 06:22

    irbees2008, спасибо))добавил это к выводу изображений через xfields - вообще красота :)

    ответить

    irbees2008

    irbees2008 | 3.11.2015 - 14:41

    bloodic, исправил

    ответить

    bloodic

    bloodic | 3.11.2015 - 06:42

    добрый день! при нажатии на скачивание файла - перебрасует на главную страницу сайта. почините пожалуйста :)

    ответить

Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

Ваше мнение

Как вам наш дизайн сайта?
Результаты

Облако тегов

Anything in here will be replaced on browsers that support the canvas element