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

[Anvar]

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

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

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

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

https://github.com/bb3mobi/highslide

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

[Артес]

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

<script type="text/javascript">
$(document).ready(function() {
		$( ".postimage" ).not( "a .postimage" ).wrap(function() {
			return "<a class='highslide'  href='" + $( this ).attr("src") + "'onclick='return hs.expand(this, config1 )'></a>";
		});
});
</script>

Рабочий подхват img
привет от баного KEMnEPа

[allDes]

Скрытый текст

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

<!-- IF S_VIEWTOPIC or S_IN_UCP or S_IN_POSTING -->
<script type="text/javascript">
/* полная пре бета версия хедслайдера с уменьшением */
$(document).ready(function() {
	var scr_w = $(this).width();
	var scr_h = $(this).height();
	if (scr_w > 800 && scr_h > 600) {

		$("dl.thumbnail a").addClass("highslide").attr("onclick", "return hs.expand(this)");
		/* уровниловка */
		$(".postimage").not("a.exlinks .postimage").not("a.postimage .postimage").not("a.highslide .postimage").not("a.postlink .postimage").not("[onclick ^= 'this\\.\\target']").each(
            function(){
                //width: 175px; height: 115px;
                var $this=$(this);
                var h=$this.height();
                var w=$this.width();
                var nh=255;   //высота до которой нужно масштабировать
                var nw=325;  //ну и ширина
                var k1=nh/nw;
                var k2=h/w;

                if (k1>k2)
                {
                    h=h*(nw/w);
                    w=nw;
                } else {
                    w=w*(nh/h);
                    h=nh;
                }
                $this.width(w);
                $this.height(h);
                if (h<nh) //Если картинка была слишком широкой, то при пропорциональном сжатии теряем в высоте, знач нужно выровнять по высоте
                {
                    $this.css('margin-top',(nh-h)/2);
                }
            }
		);
		/* моя переработка с http://api.jquery.com/wrap/ */
		$( ".postimage" ).not( "a .postimage" ).not("a.exlinks .postimage").wrap(function() {
			return "<a class='highslide'  href='" + $( this ).attr("src") + "'onclick='return hs.expand(this)'></a><";
		});
		$('a.img-link').each(function() { // External Links Fix
		$(this).attr("onclick", "return hs.expand(this)");
		this.href = this.href.replace('{BOARD_URL}url.php?', '');
		});
 
	}
});
</script>
<!-- ENDIF -->

Подхватывает img уравнивает их по размеру заранее установленному.

[allDes]

Добавляет поддержку вида (url)(img)(/url) Не растягивает картинки в подписи.
найти

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

$(".postimage").not("a.exlinks .postimage").not("a.postimage .postimage").not("a.highslide .postimage").not("a.postlink .postimage").not("[onclick ^= 'this\\.\\target']").each(

заменить

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

$(".postimage").not("div.signature .exlinks .postimage").not("div.signature .postlink .postimage").not("div.signature .postimage").not(".highslide .postimage").each(

найти

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

$( ".postimage" ).not( "a .postimage" ).not("a.exlinks .postimage").wrap(function() {

заменить

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

$( ".postimage" ).not("div.signature .exlinks .postimage").not("div.signature .postlink .postimage").not("div.signature .postimage").not(".highslide .postimage").wrap(function() {

[allDes]

Содержимое архива, подхватывает img для highslide (Даже вида (url)(img)(/url)), кроме подписей. Уменьшает изображения до нужных размеров, даже если width и height у него утеряны. Не сжимает изображения высота которых меньше указанной (информация в комментариях скрипта).
Дружит с External Links, но работает и без него. Требует родительского стиля prosilver с не изменёнными названиями классов в div class="content".

Инструкция по установке:
Замените содержимым архива файл bb3mobi/highslide/styles/prosilver/template/event/overall_footer_after.html
(Изменения по сравнению с кодом, добавлена минимальная высота сжимаемых файлов)

аптд Обновил архив. Добавлено условие фильтра не увеличивать стандартные вложения форума без миниатюры (которые меньше размера создания миниатюр).
.not(".attach-image .postimage")

привет от баного KEMnEPа

[Perfecthus]

Расширение установилось хорошо, но мне интересен такой момент: Открыта страница темы, кликаю на изображение, допустим в первом посте на странице (или в любом другом), изображение увеличивается и при перелистывании показывает изображения со всей страницы, а не из поста. Вот мне интересно для чего это сделано? Если я читаю пост с фото, то я и хочу смотреть фото из этого поста, а не из постов со всей страницы. Как-то можно вылечить сие действие?

[Galixte de EzCom]

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

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

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

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

https://github.com/bb3mobi/highslide

Hi Anvar,

could you add the language key system to translate this extension in FRENCH language. Or add some .js files with english translation to allow me to translate in french.

Regards, Galixte.

[TETYA_DASHA]

а всё-таки как на этом форуме реализовано открытие внешних изображений?
с помощью [BETA] External Links - Управление ссылками ? (я этот момент так и не поняла, но хотя бы скажите, как сделано на форуме)

[Anvar]

Galixte de EzCom, Well, in the future I will try.

TETYA_DASHA, External links поможет определить внешнее изображение имеющее расширение в ссылке. [img]kartinka[/img] - highslide не будет подключён без расширения External Links, так как в url может быть ссылка на сайт или на статью.

[Perfecthus]

Anvar, Привет. Так подскажешь с этим вопросом что-нибудь?

[Sheer]

Это стандартное проявление работы библиотеки highslide

[Pazh]

Perfecthus, отключи slideshow в плагине и будет открываться только конкретное изображение. Для организации слайдшоу только среди изображений в одном сообщении, то нужно соответственно изменять id галереи на id галереи + id сообщения

[Perfecthus]

Pazh, Да, я уже и сам решил, что только через настройки джаваскрипта можно всё перенастроить. Сейчас схожу на сайт Highslide, там есть удобный конфигуратор.

[southklad]

Установил совместно расширение Lightbox с оф. сайта, но пошел конфликт, Lightbox перехватывает вложения вставленные в сообщения. Как можно поправить или как это расширение настроить на уменьшение и просмотр

[southklad]

Кто может сказать как все же настроить это расширение и [BETA] External Links - Управление ссылками чтобы картинки через уменьшались и открывались как и вложения? Как это реализовано на этом сайте?

[Anvar]

Для уменьшения изображений есть расширение ReIMG Image Resizer , а External Links не изменяет размер изображений и вообще ни чего с изображениями не делает, его функция это обработка внешних ссылок, в том числе и изображений(добавление классов и атрибутов, доступ к просмотру).