Highslide - Слайдер фото для phpBB3.1

[Anvar]

Всеми известный highslide, для миниатюр картинок в сообщениях.

Для загруженных изображений и изображений в тегах img.

Если изображение в img будет расположено внутри ссылки(в url), то подключен highslide не будет.
Для этого можно подключить [BETA] External Links - Управление ссылками он определит прямые ссылки на изображения.

Ставить как обычное расширение, без каких либо дополнительных настроек.

https://github.com/bb3mobi/highslide

Доработанная версия расширения: https://github.com/AlexSheer/highslide

[Djeday]

Anvar, работу экста можно поправить? Т.е. ресайз сейчас идет для всех вложений? В независимости от размера? Т.е. в настройках миниатюр стоит 800px. Гружу вложение шириной 1900, расширение его уменьшает до 800 и при клике раскрывает.
Но почему, если гружу картинку 800px, его уменьшает до 420px?

[Anvar]

Djeday, Если вложения, то работа экста на их размер влиять не должна.

Размер только для картинок в теге [img] и того если без ссылки они. Далее без ссылки, изображениям, при помощи jquery добавляется ссылка на это же изображение с вызовом highslide.

Добавлено спустя 2 минуты 35 секунд:
LBeaver, Сам highslide был честно найден при помощи поиска, скорей всего тут, пару лет назад))

[LBeaver]

Anvar, так есть же оф.сайт. Хотя в версии из расширения часть JS кода вырезано... Это специально сделано?

[Alecto]

highslide можно сгенерировать на офе. я себе ставил последнюю версию скриптом.
причем выбрать различные варианты JS.
там же все написано.

[Anvar]

По нормальному надо бы удалить больше половины файлов.

Поправлены ошибки в переводе и добавлена возможность совместимости с расширением Миниатюры в списке загрузок - Preview attached images

[Erlang]

Anvar, а с Галереей его не планируется скрестить?
А то в ней не работает...

[Anvar]

Erlang, В галерее должна быть своя папка со своими слайдерами. Так было в phpBB Gallery для 3.0

[carik]

Anvar, поставил, завелась с полоборота =) вложения и картинки в сообщениях открывает отлично.
есть вопрос:
- картинки в сообщениях в теге имадж размером 1200 уменьшает до 422, как бы заставить чтоб не трогал в тегах имадж картинки до 1200?
спасибо!

[carik]

из знатаков некому подсказать тоже... понимаю что скрипт на лету уменьшает фото, понимаю что где то в нём должны быть параметры... но либо их просто нет и он автоматом жмёт всё что видит (хотя те имаджи которые как превью в коде ссылки он не трогает)...

[Anvar]

Отключить для img

Открываем \bb3mobi\highslide\styles\prosilver\template\event\overall_footer_after.html
Удалить:

Код: Выделить всё

		$('.postimage').not('a .postimage').load(function() {
			$(this).removeAttr("width")
			$(this).removeAttr("height")
			$(this).css({ width: "", height: "" });
			var h = $(this).height();
			var w = $(this).width();
			var size = 420; // Img tag max width
			if (w > 200) { // Highslide > min width
				$images = $(this).attr("src");
				$(this).wrap('<a class="highslide" href="'+$images+'" onclick="return hs.expand(this)"></a>');
			}
			if (w > size || h > size) {
				if (w > h) {
					h = h*(size/w);
					w = size;
				} else {
					w = w*(size/h);
					h = size;
				}
				$(this).width(w);
				$(this).height(h);
			}
		});
		$('.postimage').not('a .postimage').each(function() {
			var src = $(this).attr('src');
			$(this).attr('src', '');
			$(this).attr('src', src);
		});
		$('a.img-link').each(function() { // External Links Fix
			$(this).attr("onclick", "return hs.expand(this)");
			this.href = this.href.replace('{BOARD_URL}url.php?', '');
		});

Что бы просто не уменьшал, но работал, удаляем:

Код: Выделить всё

			$(this).removeAttr("width")
			$(this).removeAttr("height")
			$(this).css({ width: "", height: "" });

Код: Выделить всё

			if (w > size || h > size) {
				if (w > h) {
					h = h*(size/w);
					w = size;
				} else {
					w = w*(size/h);
					h = size;
				}
				$(this).width(w);
				$(this).height(h);
			}

[carik]

Anvar, всё проще!
для того чтоб работал скрипт и не уменьшал картинки 1200 по стороне надо сделать

Код: Выделить всё

var scr_w = $(this).width();
	var scr_h = $(this).height();
	if (scr_w > 1200 && scr_h > 1200) {

Отправлено спустя 2 минуты 1 секунду:
про имадж ресайзер можно забыть
отличный екст! если добавить ему "настройку" в админке он будет лучшим!

[carik]

уточнение... чтобы правильно работал с размерами на меньших разрешениях мониторов (если экран меньше 1200 не работает открытие) установки в файле такие

Код: Выделить всё

if (scr_w > 400 && scr_h > 400) {
		$("dl.thumbnail a").attr("onclick", "return hs.expand(this)");
		$('.postimage').not('a .postimage').load(function() {
			$(this).removeAttr("width")
			$(this).removeAttr("height")
			$(this).css({ width: "", height: "" });
			var h = $(this).height();
			var w = $(this).width();
			var size = 1200; // Img tag max width
			if (w > 200) { // Highslide > min width

и вопрос, как сделать открытие "максимального размера по умолчанию"? а уменьшить уже по необходимости... это в скрипте где то прописано? быстро просмотрел и не нашёл.
спасибо.

[romaamor]

При загрузки картинок через вложения получаю такое -


Хотя в низу -


Как лечить ? Работало, работало и обломалось.

[Pazh]

Addon: скрещиваем данное расширение с галерей:
Админка -> Сообщения -> Bbcode открываем на редактирование bbcode image
В поле Замена HTML заменяем все на это

Код: Выделить всё

<a href="./gallery/image/{NUMBER}/source" onclick="return hs.expand(this)">
<img class="postimage" title="" alt="{NUMBER}" src="./gallery/image/{NUMBER}/mini">
</a>

облегчил код по замечанию xisp

[xisp]

при этом {домент_вашего_сайта} меняем на домен вашего сайта

Относительные ссылки уже не в почёте?