[владимир1983]

Gorick, давайте поэтапно, что и как делали, по какой инструкции?
Ссылку на форум дайте, тестового пользователя.

[Gorick]

Все спасибо разобрался сам.

Вообщем у меня 3.08версия

В оверал хедер вставляем это

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

<!-- IF SCRIPT_NAME == "viewtopic" or SCRIPT_NAME == "posting" or SCRIPT_NAME == "ucp" or SCRIPT_NAME == "search" -->
<script type="text/javascript" src="{ROOT_PATH}/highslide/highslide-with-gallery.js"></script>
<link rel="stylesheet" type="text/css" href="{ROOT_PATH}/highslide/highslide.css" />      
<script type="text/javascript">
   hs.graphicsDir = 'highslide/graphics/';
   hs.align = 'center';
   hs.transitions = ['expand', 'crossfade'];
   hs.fadeInOut = false;
   hs.dimmingOpacity = 0.75;
   hs.wrapperClassName = 'borderless';
   hs.captionOverlay.hideOnMouseOut = true;
   hs.marginLeft = 85;
   hs.marginBottom = 0;
   hs.marginTop = 0;
   hs.numberPosition = 'caption';

   // Adding the Watermark
   hs.registerOverlay({
   html: '<div class="watermark" onclick="return hs.close(this)" title="Close" style="width:120px; height: 120px; background: url(highslide/graphics/watermark.png)"></div>',
   hideOnMouseOut: true,
   opacity: 0.4,
   repeat: false,
   position: 'top right',
   fade: 2 // fading the semi-transparent overlay looks bad in IE
   })

   // Adding the controlbar
   if (hs.addSlideshow) hs.addSlideshow({
      //slideshowGroup: 'group1',
      interval: 3000,
      repeat: false,
      useControls: true,
      fixedControls: true,
      overlayOptions: {
         opacity: .6,
         position: 'top center',
         hideOnMouseOut: true
      },
      thumbstrip: {
         position: 'middle left',
         mode: 'vertical',
         relativeTo: 'viewport'
      }
   });
</script>
<!-- ENDIF -->

<script type="text/javascript">
// <![CDATA[
	window.onload = resizeimg;
	function resizeimg()
	{
		if (document.getElementsByTagName)
		{
			var resClass = document.getElementsByTagName('span');
			for (var i = 0; i < resClass.length; i++)
			{
				if (resClass[i].className == "image-resize")
				{
					var img = resClass[i].getElementsByTagName("img");
					if (img[0].width > 200)
					{
						resClass[i].innerHTML = '<a rel="nofollow" href="' + img[0].src + '" class="highslide" onclick="return hs.expand(this)"><img src="' + img[0].src + '" width="200" alt=""></a>';
					}
				}
			}
		}
	}
// ]]>

А в атачмент находим

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

<!-- IF _file.S_IMAGE -->
		<dl class="file">
			<dt class="attach-image"><img src="{_file.U_INLINE_LINK}" alt="{_file.DOWNLOAD_NAME}" onclick="viewableArea(this);" /></dt>
			<!-- IF _file.COMMENT --><dd><em>{_file.COMMENT}</em></dd><!-- ENDIF -->
			<dd>{_file.DOWNLOAD_NAME} ({_file.FILESIZE} {_file.SIZE_LANG}) {_file.L_DOWNLOAD_COUNT}</dd>
		</dl>
		<!-- ENDIF -->

меняем на

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

<!-- IF _file.S_IMAGE -->
		<div class="attach-image"> <span class="image-resize"><a href="{_file.U_DOWNLOAD_LINK}" class="image-resize" onclick="return hs.expand(this, { captionText: '<!-- IF _file.COMMENT -->{_file.COMMENT}<!-- ENDIF -->' } )"><img src="{_file.U_INLINE_LINK}" alt="{_file.DOWNLOAD_NAME}" /></a><span class="image-resize"><div class="highslide-caption"></div></div>
		<!-- IF _file.COMMENT -->{_file.COMMENT}<!-- ENDIF -->

ббкод.пхп
ищем

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

'img'		=> '<img src="$1" alt="' . $user->lang['IMAGE'] . '" />',

меняем на

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

'img'		=> '<span class="image-resize"><img src="$1" alt="' . $user->lang['IMAGE'] . '" /></span>',

в bbcode.html
находим

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

<img src="{URL}" alt="{L_IMAGE}" />

меняем на

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

<span class="image-resize"><img src="{URL}" alt="{L_IMAGE}" /></span>

ну и залить папку со скриптами в корневую папку.
+ Внешние картинки стают ссылками. лично я закрыл от индексации.
для этого находим в том коде где вставили в оверал хедер

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

var img = resClass[i].getElementsByTagName("img");
					if (img[0].width > 200)
					{
						resClass[i].innerHTML = '<a  href="' + img[0].src + '" class="highslide" onclick="return hs.expand(this)"><img src="' + img[0].src + '" width="200" alt=""></a>';
					}

и изменяем на такой

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

var img = resClass[i].getElementsByTagName("img");
					if (img[0].width > 200)
					{
						resClass[i].innerHTML = '<a rel="nofollow" href="' + img[0].src + '" class="highslide" onclick="return hs.expand(this)"><img src="' + img[0].src + '" width="200" alt=""></a>';
					}

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

[Пчелкин]

Gorick писал(а):не уменьшаются физически.

Это физически не возможно для вложений...

[Gorick]

Какже это не возможно? Нет ничего не возможного
Что никто не думал над тем чтоб изображения переконвертировать после загрузки? Или это много отнимает ресурсов у хостинг сервера?

просто не хорошо получается изображения то уменьшил а страница грузится как раньше. Вот нужно как на Вбулетин.
там это продумано. миниатюра идет отдельным уменьшеным изображением.

[Пчелкин]

Gorick писал(а):миниатюра идет отдельным уменьшеным изображением.

Gorick писал(а):Единственное картинки не уменьшаются физически.

Так вам что надо? Это разные вещи...

[Gorick]

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

[Пчелкин]

Миниатюра и не должна занимать место в сообщении как сама картина...для этого в вами приведенном коде есть место - настройте размер миниатюр в сообщении.

Gorick писал(а):и то что меньше грузилось как миниатюра.

Так и происходит на деле. Разберитесь..все можно сделать..В этой теме есть про это...
Но вообще то вам надо в темы про вложения-картинки..там все более понятно...что и как...
А lightbox больше хорош для картинок ссылочных..

[Dim565]

Скажите пожалуйста, я установил Highslide Attachment Mod 4.1.12 на phpBB 3.0.9. Все работает, но с загрузкой каждой страницы форума (на каждой же используется overall_header.html) теперь подгружается highslide-full.js и highslide.css, которые весят около 120 Кб. Возможно ли сделать так, чтобы эти файлы грузились только тогда, когда открывается тема форума, где присутствуют вложения-картинки?

[sweetah]

Dim565, если я не ошибаюсь, всё это грузится один раз у каждого пользователя. Если конечно у вас отключена перекомпиляция шаблонов.

[Dim565]

sweetah, знаю, но все равно многова-то выходило.

Проблема решена. Оказывается, в в overall_header можно подключить не highslide-full.js, а highslide-full.packed.js (просто имя файла указать другое), который весит в 2 раза меньше. Но еще интереснее, что прямо на сайте разработчика lightbox можно создать свою сборку с теми функциями, которые нужны именно мне (+сжатие можно включить). В итоге у меня файл highslide.js вышел в 26 Кб, а CSS пожал до 4 Кб.

[TyMaH]

Возник вопрос по поводу [ABD] Auto Image Resizer w Lytebox - phpBB 3.0.1 GOLD
Как убрать инфо о том что размер изменен?? а то не красиво смотрится и подпись портит %)

[bumbr]

Nekstati писал(а):Примерно так.

includes/bbcode.php
найти .........

А нет ли случайно другого решения, а то скрипт не работает почему то на prosilver. На subsilver2 всё работает, а тут не могу добиться толку. Или вопрос по другому - что может мешать работать скрипту или повлиять на результат?
Кеш чистил, темы обновлял - не помогает. Class "image-resize" присваивается :

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

<div class="content">tratata<br /><span class="image-resize"><img src="http://img04.taobaocdn.com/imgextra/i4/61965347/T2atXAXjhaXXXXXXXX_!!61965347.jpg" alt="Изображение" /></span></div>

Скриптов лишних в overall_header тоже нет, только highslide.
Досада - пару строк, а не работает. Хочу перейти на prosilver, но "счастье будет не полным" без ресайза при использовании тега img.

[bumbr]

Разобрался - скрипт работает тока если вставить его после тега

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

<body>

в overall_header.html.

[RoDressiL]

Проблема заключается в том что когда я включил [img] фото [mg] добавил в шапку скрипт и изменил строчку в ббкоде, всё стало отлично, но одно НО в Подписях у меня пользователи размещают изображение с тегом img , как мне сделать так чтобы на них HS увеличение не влияло... а то как-то каталог изображений в теме открываеш и вуаля все линеечки, полосочки стали активными на увеличение...

Как убрать или где подправить чтобы не влиял ресайзер?

[Cleanwater]

Подскажите, пожалуйста, как поставить HighSlide Attachment MOD на subsilver2 ?
Все предложенные настройки для prosilver описаны.