Идея установки highslide на форум

[Aleshka]

установлен скрипт на форум, вс отлично он работает. Для вывода изображения с этим скриптом такой код

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

<div class="highslide-gallery">
   <ul>
   <li>
   <a href="адрес увеличенной фотографии" class="highslide"
         title="подпись по увеличенной фотографией"
         onclick="return hs.expand(this, config1 )">
      <img src="адрес уменьшенной фотографии"  alt=""/>
   </a>
   </li>
   </ul>
<div style="clear:both"></div>

Возможно ли через bb код организовать подмену html с таким кодом ? ведь тогда получиться работа этого скрипта на форуме? идея верная, можно потрудиться в этом направлении ? или я где то ошибся?

[VEG]

Подобный BBCode вы можете создать через админку. В качестве примера оформления BBCode вы можете использовать, например, BB [media]. Впрочем, на странице добавления BBCode есть неплохая справка на русском языке.

[Aleshka]

Действительно, оказалось проще некуда
вот пример работы
Добавлено спустя 1 минуту 38 секунд:
единственная проблема, почему то если адрес изображения не влазит в строчку, то ничего не работает
Когда адрес переносится на следующую строчку , не дает отправить сообщение, выдает сообщение слишком короткое

Добавлено спустя 2 минуты 22 секунды:
Да и как вложенную фотографию так отобразить , что-то тоже не сообразил
так что целых 2 проблемы

Добавлено спустя 11 минут:
Возможно сделать так, чтоб вложение(в данном случае картинка), которое вставляешь в страницу, отображалось в bbкоде [img] ?
или просто, ссылкой

[Sumanai]

Действительно, оказалось проще некуда

Для вас просто, для пользователей сложно. Описание не нужно- меняем на "Нажмите для увеличения", жёстко прописанное в коде, и пользователям на одну фигню вводить меньше.
Второе- адрес два раза дублировать не нужно. Можно вставить одну переменную в замене HTML два раза.
Итого для вставки изображения нужно будет ввести только [slide]адрес_изображения[/slide] и всё.

[boofoo]

Aleshka, А не могли бы подробно рассказать как установить highslide ? Очень нужен такой скрипт,потому как форум планируется для выкладки изображений.

[Aleshka]

boofoo
обязательно расскажу, только со своим разберусь

Добавлено спустя 1 минуту 47 секунд:
Sumanai, что-то не получается, как вы сказали

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


Использование BBCode
[slide]{URL}|{INTTEXT}|{URL}[/slide]

Замена BBCode
<div class='highslide-gallery'><ul><li>
<a href='{URL}' class="highslide"
title="{INTTEXT}"
onclick="return hs.expand(this, config1 )">
<img src='{URL}'  alt=""/></a>
</li></ul><div style="clear:both"></div></div>
[/slide]

если не сложно подскажите что заменить пробовал так , но я в этом плохо разбираюсь хоть и сказал , что проще некуда, минут 30 сидел на самом деле

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

Использование BBCode
[slide]{URL}[/slide]

Замена BBCode
<div class='highslide-gallery'><ul><li>
<a href='{URL}' class="highslide"
title="нажмите для увеличения"
onclick="return hs.expand(this, config1 )">
<img src='{URL}'  alt=""/></a>
</li></ul><div style="clear:both"></div></div>
[/slide]

но в результате облом

[Sumanai]

но в результате облом

Попробуйте заменить одинарные кавычки на двойные.

[Aleshka]

Действительно но вот жестко нажмите для увеличения не будет, у меня на этом месте будет описание изображения
значит осталось понять как сделать так, чтоб вложение(в данном случае картинка), которое вставляешь в страницу, отображалось в bbкоде [img] ?
или просто, ссылкой

[Sumanai]

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

Обычно в этих случаях делают два варианта- с описанием и без. Кому лень, те вставляют так, кто хочет, вставляет описание. То есть надо два ББкода.
И параметры обычно делают иначе. То есть не

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

[slide]{URL}|{INTTEXT}|[/slide]

Как вы явно собираетесь сделать, а
Использование BBCode

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

[slide="{INTTEXT}"]{URL}[/slide]

Описание ббкода

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

[slide="Описание_изображения"]Адрес_изображения[/slide]

Замена HTML

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

<div class="highslide-gallery"><ul><li>
<a href="{URL}" class="highslide"
title="{INTTEXT}"
onclick="return hs.expand(this, config1 )">
<img src="{URL}"  alt=""/></a>
</li></ul><div style="clear:both"></div></div>

Показывать на странице ответа- выберите да.
Второй ббкод
Использование BBCode

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

[slide]{URL}[/slide]

Описание- не нужно
Замена HTML

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

<div class="highslide-gallery"><ul><li>
<a href="{URL}" class="highslide"
title="Нажмите для увеличения"
onclick="return hs.expand(this, config1 )">
<img src="{URL}"  alt=""/></a>
</li></ul><div style="clear:both"></div></div>

Показывать на странице ответа- выберите нет.

значит осталось понять как сделать так, чтоб вложение(в данном случае картинка), которое вставляешь в страницу, отображалось в bbкоде [img] ?

Это по коду [img][/img]
Открываете \includes\bbcode.php
Ищите

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

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

Меняете на... У вас не совсем стандартные параметры, так что не уверен. Но примерно вот так:

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

            'img'      => '<a href="$1" class="highslide" onclick="return hs.expand(this, config1 )"><img src="$1" alt="' . $user->lang['IMAGE'] . '" title="' . $user->lang['IMAGE'] . '" /></a>',

[Aleshka]

согласен, на счет 2х bb кодов , да и то как я сделал, вы верно отметили как лучше, про код img сейчас проверю, но в любом случае спасибо , вы супер

[Sumanai]

да и то как я сделал,

Я только предполагал, как вы сделаете. Я не смотрел ещё Оказывается, угадал. Повышение до группы "Поддержка" обостряет навыки телепатии

[Aleshka]

ну вот я создавал новый bb код , а оказывается можно было править стырый

с img всё хорошо, только я добавил ширину окна к стандартному изображению 400,для того, чтобы большие картинки были маленькими , а при нажатии разворачивались =3 всё прекрасно вот здесь можно посмотреть ,что получилось

нужно что-то делать с вложениями

[Sumanai]

нужно что-то делать с вложениями

Открываете \styles\prosilver\template\attachment.html

Найти

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

      <!-- IF _file.S_THUMBNAIL -->
      <dl class="thumbnail">
         <dt><a href="{_file.U_DOWNLOAD_LINK}"><img src="{_file.THUMB_IMAGE}" alt="{_file.DOWNLOAD_NAME}" title="{_file.DOWNLOAD_NAME} ({_file.FILESIZE} {_file.SIZE_LANG}, {_file.L_DOWNLOAD_COUNT})" /></a></dt>
         <!-- IF _file.COMMENT --><dd> {_file.COMMENT}</dd><!-- ENDIF -->
      </dl>
      <!-- ENDIF -->

Заменить на

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

      <!-- IF _file.S_THUMBNAIL -->
      <div class="highslide-gallery">
         <a href="{_file.U_DOWNLOAD_LINK}/{_file.DOWNLOAD_NAME}" class="highslide" onclick="return hs.expand(this, { captionText: '{_file.COMMENT}', wrapperClassName: 'controls-in-heading', slideshowGroup: 'highslide' })"><img src="{_file.THUMB_IMAGE}" alt="{_file.DOWNLOAD_NAME}" title="{_file.DOWNLOAD_NAME} ({_file.FILESIZE} {_file.SIZE_LANG}) {_file.L_DOWNLOAD_COUNT}" /></a>
         <div class="highslide-heading"></div>
         <!-- IF _file.COMMENT --><div class="allattach"><em>{_file.COMMENT}</em></div><!-- ENDIF -->
      </div>
      <!-- ENDIF -->

Совет вот отсюда.

Добавлено спустя 14 минут 44 секунды:

только я добавил ширину окна к стандартному изображению 400,

И маленькие или вертикальные изображения растянулись И единицы измерения забыли...
В общем пропишите вместо width="400" вот это- maxwidth="400px" то есть на это style="max-width: 400px;"

[Aleshka]

Не с таким кодом картинка всплывает как отдельное изображение

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

<!-- IF _file.S_THUMBNAIL -->
      <div class="highslide-gallery">
         <a href="{_file.U_DOWNLOAD_LINK}/{_file.DOWNLOAD_NAME}" class="highslide" onclick="return hs.expand(this, config1)"><img src="{_file.THUMB_IMAGE}" alt="{_file.DOWNLOAD_NAME}" title="{_file.DOWNLOAD_NAME} ({_file.FILESIZE} {_file.SIZE_LANG}) {_file.L_DOWNLOAD_COUNT}" /></a>
         <div class="highslide-heading"></div>
         <!-- IF _file.COMMENT --><div class="allattach"><em>{_file.COMMENT}</em></div><!-- ENDIF -->
      </div>
      <!-- ENDIF -->

а с таким как раз в общей галерее
сообщи если сильно накосячил своим изменением

змм, а растянулись у тебя в браузере? просто в хроме всё нормально

[Sumanai]

сообщи если сильно накосячил своим изменением

Вроде всё верно.
В предыдущем посте я добавил одну поправку, сделай, и будет всё нормально.

Добавлено спустя 1 минуту 38 секунд:

змм, а растянулись у тебя в браузере?

Да, огнелис.
Расстянулось в другом посте, там, где картинки стоят вертикально и меньше 400 пикселей.
Вот.

[Aleshka]

класс, благодаря вам поставил highslide себе супер
бб коды с которых начинал можно удалять =D

Добавлено спустя 14 минут 35 секунд:
оп, не всё гладко работает, тутесле ниже пролистнуть, там под спойлером, почему о не все изображния прогружаются

[Sumanai]

В общем пропишите вместо width="400" вот это- maxwidth="400px"

Просто меня грешного, ошибся! Не заметил, что этот параметр img, а не стили. Запись была корректна, а моя не пашет.
Но, хоть запись и корректна, всё равно она расстягивает маленькие картинки.
Правильно заменить вот на это:
style="max-width: 400px;"
Тогда маленькие картинки останутся маленькими, а большие уменьшатся.

Добавлено спустя 2 минуты 30 секунд:

тутесле ниже пролистнуть,

Для просмотра этого форума вы должны быть авторизованы.

[Aleshka]

логин Test
пароль TestTest

Добавлено спустя 37 секунд:
Всё вроде

[Sumanai]

Вижу. Вместо картинки выдаёт
Перезагрузите страницу, чтобы получить источник для: http://sstory.ru/forum/download/file.php?id=13&t=1&filename=gs2.jpg
С адреса
http://err.agava.ru/vh/cgierr/28/
В общем хостинг не отдаёт. А учитывая

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

Просто упёрлись в ограничения.

[Aleshka]

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