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

pljus · 2012-01-18 19:01:34

Все разобрался. Ура заработало у меня

nightly · 2012-01-19 00:13:02

Wolverine пишет:

nightly, эти строки есть?
<script type="text/javascript">
  hljs.initHighlightingOnLoad();
</script>

даже с этим кодом не работает все ставил с нуля

Wolverine · 2012-01-19 08:33:46

nightly, мне сложно тебе помочь, потому что я не вижу страницы вживую, как я уже говорил. Может путь к JS не тот, может конфликт с другими скриптами. Надо разбираться.

nightly · 2012-01-19 09:08:06

ладно сейчас выложу на хостинг, может так поможешь

nightly · 2012-01-19 09:56:32

http://ns.webpomochnik.ru
вот, картинка все равно отображается в другом окне, а надо что бы в этом увеличивалось на экран.

Wolverine · 2012-01-19 10:20:35

Я наврал, hljs.initHighlightingOnLoad() у меня было подключено с другого скрипта, тоже называющегося highlight, который подсвечивает программный код. У тебя не хватает строчки onclick="return hs.expand (this)" во вставляемом URL. Похоже, что пункт 5 ты не выполнил или выполнил, но не совсем правильно. Может ты вставил в районе 250 строки, а надо в районе 370.

nightly · 2012-01-19 10:38:31

вставил в районе 370, эфект тотже
тьфу забыл файл залить, вроде работает, теперь вопрос при помощи этой библиотеки можно будет листать фото, типа слайд-шоу или надо конфигурировать новую на оф сайте?

Изменено nightly (2012-01-19 10:43:59)

Wolverine · 2012-01-19 10:47:43

Сложно сказать, что это за сборка в первом сообщении. Сделай свою версию версию на офсайте, включив что надо + скрипт наверное сам тоже обновлялся не раз

nightly · 2012-01-19 11:10:32

Честно заходил на сайт, нефига не понял кто бы помог, буду очень благодарен

Wolverine · 2012-01-19 11:15:38

Заходишь на http://highslide.com/configurator.php Слева отмечаешь галочками какие фичи нужны, нажимаешь download, вот и все.

nightly · 2012-01-19 11:27:58

если бы я знал енглишь и что там отмечать, я бы сам сделал, вот и прошу помощи)

kolia · 2012-02-14 18:49:06

Кто сможет написать инструкшн под версию 0.9.3 Release [SVN880+FIX01], потому-што копец просто, то одно отваливается то другое. Как только изменяю файлик parse.php все слетает , а Highslide работает.
И еще hsgallery и Highslide как я понял разные, какой из них ставить и как, мудюсь с месяц то одно исправлю то другое, и постоянно чем-то жертвовать нужно

legenda · 2012-02-29 06:52:08

Ребята все работает отлично, просто не надо ничего придумывать а делать все как тут написано
только что проверил на своем тестовом 0.9.3 Release [880] + SECURITY FIX 01, все отлично работает как и в ранних версиях.

Вопшем есть 2 варианта, делать как написано в посте #1, и делать как написано в посте #33.

Каждый выбирает что хочет кто умеет ковырятся и знает что именно надо делать делает как знает, кто нехочет ковырятся делает как делал я, скачивает и ставит плагин и настраивает его точно так как там написано. Более того в плагине есть 4 разных варианта как показывать, + возможность свой доставить, не надо больше никуда заходить, ничеге не скачивать, ничего не менять или если менять то только если понимаеш в этом.

И так кто в танке пишу подробно
1. Скачиваем плагин по ссылке выше, в архиве есть 2 папки, папку hsgallery вставляем в ../engine/plugins/ папку hacks просто в ../engine/.

2. Делаем изменения как написано в ридми плагина

необходимо выполнить пункты 4 и 5 из этой инструкции http://ngcms.ru/forum/viewtopic.php?id=283&p=1

виполняем:

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, найдите в нем строки (!!!!! Для моей версии именно эти строки в районе -+ 366, дело в том что в файле parse.class.php похожие строки есть еще в районе -+255 и часто ставят после них что и есть роковой ошыбкой)):

Код:

case 'title':
$v = str_replace(array("\"", '[', ']', ord(0), ord(9), ord(10), ord(13), ":", '<', '>', '&'),array("'",'%5b', '%5d', ''),$kv);
$outkeys [] = $kn.'="'.$v.'"';
break;

и ниже добавьте:

Код:

case 'onclick':
$v = str_replace(array(ord(0), ord(9), ord(10), ord(13), "'", "\"", ";", ":", '<', '>', '&'),'',$kv);
$outkeys [] = $kn.'="'.$v.'"';
break;

3. дальше создаем статическую страничку например с алтименем foto. Так же в категория изображений создаем такуюже категорию с названием foto (хотя в дальнейшем эта категория никакой роли не будет играть, но написано в ридми так сделать я так и делал)

4. В настройках плагина
Выбираем вариант отображения highslide, у меня например вариант "слайд шоу с превюшками"
Включить скрипт highslide везде - ставим птичку
Altname страниц для галереи - пишем foto (или свой вариант)
Цвет оформления - ставим или не ставим птичку
Сохраняем

5. Включаем плагин.

6. Создаем новость, загружаем новое фото, нажимаем при этом птичку "Создать уменьшенную копию" и вставляем ее кнопкой thumbs
у вас должен получится приблизетельно такой код

[url=http://вашсайт.ру/uploads/images/default/5419_4.jpg" onclick="return hs.expand (this)"  class="highslide][img="http://вашсайт.ру/uploads/images/default/thumb/5419_4.jpg" class="nimg" border="0" align=""]5419_4.jpg (196.71 Kb)[/img][/url]

Публикуем новость.

7. Заходим на новость и радуемся результату, примерно вот такому

Wolverine · 2012-02-29 08:21:36

Плагин не нужен только для превьюшек, все что он делает это подключает скрипт в main.tpl Лучше это сделать руками и не тратить время на выполнение плагина. Если нужны какие-то специфические фишки, тогда да, а так толку нет.

legenda · 2012-03-01 00:58:04

ну главное что б работало...

Wolverine, стукни в асю или ты меня игнориш ?

Fed · 2012-03-01 13:23:03

Извиняюсь за глупый вопрос, но как увеличить размер уменьшенной картинки?
В админке выставляю Размер уменьшенных копий: 380x264
Добавляю фотографию.. а она все-равно меньше этого значения. Ширина всегда 150px а высота как-бы выставляется автоматически.
Подозреваю что где-то в плагине расписаны точные размеры для уменьшенной картинки, поискал в ксс и кодах js плагина, не нашел :<
Помогите пожалуйста.

Wolverine · 2012-03-01 13:29:48

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

Fed · 2012-03-01 13:31:54

Wolverine пишет:

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

В том то и дело, что в движке выставляю конкретные размеры 360х264 а они (картинки) не уменьшается :<

Изменено Fed (2012-03-01 13:32:53)

Wolverine · 2012-03-01 13:56:15

Он не уменьшает жестко, уменьшение идет с сохранением пропорций.

Ты выставил 360х264. Хочешь загрузить картинку 640 х 480.

Уменьшение происходит так:

1. Вычисляется фактор уменьшения

// Calculate resize factor
$factor = max ($origX / $sizeX, $origY / $sizeY);

// Don't enlarge picture without need
if ($factor < 1) $factor = 1;

origX = 640, origY = 480, $sizeX = 360, $sizeY = 264

$factor = max ($origX / $sizeX, $origY / $sizeY); // max(1.7, 1.8) ~ 1.8

Наш фактор 1,81818181818. Это отношение оригинального размера у желаемому, максимальное или по Х или по У.

2. Новые размеры

$newX = round($origX / $factor);
$newY = round($origY / $factor);

Оригинальный размер / фактор.

Новый X = 640 / 1.8 = 352 пикселей
Новый У = 480 / 1.8 = 264 пикселей

Вот до этого значения должно работать уменьшение.

У меня работает.

Уменьшило оригинал с 640 х 480 до 352 x 264 pixels

Fed · 2012-03-01 14:08:23

Wolverine пишет:

Он не уменьшает жестко, уменьшение идет с сохранением пропорций.
Ты выставил 360х264. Хочешь загрузить картинку 640 х 480.
Уменьшение происходит так:
1. Вычисляется фактор уменьшения
// Calculate resize factor
$factor = max ($origX / $sizeX, $origY / $sizeY);

// Don't enlarge picture without need
if ($factor < 1) $factor = 1;
origX = 640, origY = 480, $sizeX = 360, $sizeY = 264
$factor = max ($origX / $sizeX, $origY / $sizeY); // max(1.7, 1.8) ~ 1.8
Наш фактор 1,81818181818. Это отношение оригинального размера у желаемому, максимальное или по Х или по У.
2. Новые размеры
$newX = round($origX / $factor);
$newY = round($origY / $factor);
Оригинальный размер / фактор.
Новый X = 640 / 1.8 = 352 пикселей
Новый У = 480 / 1.8 = 264 пикселей
Вот до этого значения должно работать уменьшение.
У меня работает.
Уменьшило оригинал с 640 х 480 до 352 x 264 pixels

Спасибо, в будущем учту.
Но, нечего не выходит. Сейчас выставил 352х264 уменьшение картинки.
И вот что выходит. После подключение плагина все размеры картинок 150 (ширина) х (высота) Автоматически наверное определяется

Уменьшенная копия:	
статус: есть 
размер: 150 x 84 ( 12.04 Kb )

Значит. дело все-таки в плагине думаю..

Wolverine · 2012-03-01 14:11:49

Ты изображения загружаешь через админ-панель, причем тут плагин? В общем больше помочь не могу, абстрактно определять проблемы нереально, надо смотреть что действительно ты делаешь.

Fed · 2012-03-01 14:22:24

Wolverine пишет:

Ты изображения загружаешь через админ-панель, причем тут плагин? В общем больше помочь не могу, абстрактно определять проблемы нереально, надо смотреть что действительно ты делаешь.

Прикрепил скринЫ.

Wolverine · 2012-03-01 14:32:47

Оригинальная картинка http://pda.ya1.ru/uploads/images/new/img-0313.jpg 3 264 x 2 448 pixels

Что надо: 360х264

Фактор: 9.27272727273
Оригинальный Х: 3264
Оригинальный Y: 2448

Новый Х: 352
Новый У: 264

352 x 264 pixels

У меня нормально отрабатывает.

Нодо по шагам смотреть что же у тебя такое.

Fed · 2012-03-01 14:43:44

У меня, на дом. сервере тоже все работает.

[img="http://localhost/pda/uploads/images/default/thumb/img-0313.jpg" border="0" align=""]img-0313.jpg[/img]

Уменьшенная копия:	
Статус: есть 
размер: 352 x 264 ( 73.86 Kb )

При не подключенном плагине, или хаке Highslide все гууд.

На сайте ->

[center][url=http://Мойсайт/uploads/images/default/img-031311.jpg" onclick="return hs.expand (this)"  class="highslide][img="http://Мой сайт/uploads/images/default/thumb/img-031311.jpg" class="nimg"][/img][/url][/center]

Уменьшенная копия:	 статус: есть 
размер: 150 x 113 ( 17.69 Kb )

Изменено Fed (2012-03-01 14:44:23)

Wolverine · 2012-03-01 14:48:51

1. Проверь на сайте без плагина. Он не может никак влиять на это, совершенно никак, вся его работа происходит на сайте, не в админке.
2. Если ответ на первый пункт "без плагина тоже не работает как надо", то надо смотреть пошагово, где происходит сбой.

Next Generation CMS :: Форум поддержки

Объявление

#101 2012-01-18 19:01:34

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

#102 2012-01-19 00:13:02

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

#103 2012-01-19 08:33:46

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

#104 2012-01-19 09:08:06

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

#105 2012-01-19 09:56:32

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

#106 2012-01-19 10:20:35

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

#107 2012-01-19 10:38:31

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

#108 2012-01-19 10:47:43

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

#109 2012-01-19 11:10:32

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

#110 2012-01-19 11:15:38

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

#111 2012-01-19 11:27:58

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

#112 2012-02-14 18:49:06

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

#113 2012-02-29 06:52:08

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

#114 2012-02-29 08:21:36

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

#115 2012-03-01 00:58:04

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

#116 2012-03-01 13:23:03

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

#117 2012-03-01 13:29:48

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

#118 2012-03-01 13:31:54

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

#119 2012-03-01 13:56:15

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

#120 2012-03-01 14:08:23

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

#121 2012-03-01 14:11:49

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

#122 2012-03-01 14:22:24

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

#123 2012-03-01 14:32:47

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

#124 2012-03-01 14:43:44

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

#125 2012-03-01 14:48:51

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

Подвал раздела