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

Список разделов phpBBex 1.x (поддерживается) Поддержка 1.x

Описание: У вас проблемы с phpBBex 1.x и вам необходима помощь? Спрашивайте здесь!
Правила раздела: Одна тема — один вопрос или группа связанных вопросов. Обязательно формируйте внятный заголовок, максимально отражающий суть вопроса. Подробно описывайте проблему. Не забудьте указать версию phpBBex и какие моды установлены, по возможности добавьте скриншоты проблемы или ссылку на страницу с проблемой.
Модератор: Поддержка

Сообщение #1 Aleshka » 09.07.2013, 11:48

установлен скрипт на форум, вс отлично он работает. Для вывода изображения с этим скриптом такой код
Код: Выделить всё
<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 с таким кодом ? ведь тогда получиться работа этого скрипта на форуме? идея верная, можно потрудиться в этом направлении ? или я где то ошибся?
Aleshka M
Автор темы
Аватара
Откуда: Москва
Репутация: 5
С нами: 10 лет 9 месяцев

Сообщение #2 VEG » 09.07.2013, 13:23

Подобный BBCode вы можете создать через админку. В качестве примера оформления BBCode вы можете использовать, например, BB [media]. Впрочем, на странице добавления BBCode есть неплохая справка на русском языке.
VEG M
Администратор
Аватара
Откуда: Finland
Репутация: 1653
С нами: 11 лет 11 месяцев

Сообщение #3 Aleshka » 09.07.2013, 17:09

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

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

Добавлено спустя 11 минут:
Возможно сделать так, чтоб вложение(в данном случае картинка), которое вставляешь в страницу, отображалось в bbкоде [img] ?
или просто, ссылкой
Aleshka M
Автор темы
Аватара
Откуда: Москва
Репутация: 5
С нами: 10 лет 9 месяцев

Сообщение #4 Sumanai » 09.07.2013, 17:35

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

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

Сообщение #5 boofoo » 09.07.2013, 17:39

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

Сообщение #6 Aleshka » 09.07.2013, 17:40

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

Добавлено спустя 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]

если не сложно подскажите что заменить :wink: пробовал так , но я в этом плохо разбираюсь :smile: хоть и сказал , что проще некуда, минут 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]
но в результате облом :silenced:
Aleshka M
Автор темы
Аватара
Откуда: Москва
Репутация: 5
С нами: 10 лет 9 месяцев

Сообщение #7 Sumanai » 09.07.2013, 17:56

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

Попробуйте заменить одинарные кавычки на двойные.
Sumanai M
Аватара
Репутация: 1677
С нами: 11 лет 2 месяца

Сообщение #8 Aleshka » 09.07.2013, 17:59

Действительно :wink: но вот жестко нажмите для увеличения не будет, у меня на этом месте будет описание изображения :smile:
значит осталось понять как сделать так, чтоб вложение(в данном случае картинка), которое вставляешь в страницу, отображалось в bbкоде [img] ?
или просто, ссылкой
Aleshka M
Автор темы
Аватара
Откуда: Москва
Репутация: 5
С нами: 10 лет 9 месяцев

Сообщение #9 Sumanai » 09.07.2013, 18:33

Aleshka:но вот жестко нажмите для увеличения не будет у меня тут будет описание изображения :smile:
Обычно в этих случаях делают два варианта- с описанием и без. Кому лень, те вставляют так, кто хочет, вставляет описание. То есть надо два ББкода.
И параметры обычно делают иначе. То есть не
Код: Выделить всё
[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>
Показывать на странице ответа- выберите нет.

Aleshka:значит осталось понять как сделать так, чтоб вложение(в данном случае картинка), которое вставляешь в страницу, отображалось в 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>',
Sumanai M
Аватара
Репутация: 1677
С нами: 11 лет 2 месяца

Сообщение #10 Aleshka » 09.07.2013, 18:42

согласен, на счет 2х bb кодов , да и то как я сделал, вы верно отметили как лучше, про код img сейчас проверю, но в любом случае спасибо , вы супер :smile:
Aleshka M
Автор темы
Аватара
Откуда: Москва
Репутация: 5
С нами: 10 лет 9 месяцев

Сообщение #11 Sumanai » 09.07.2013, 18:46

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

Я только предполагал, как вы сделаете. Я не смотрел ещё :smile: Оказывается, угадал. Повышение до группы "Поддержка" обостряет навыки телепатии :biggrin:
Sumanai M
Аватара
Репутация: 1677
С нами: 11 лет 2 месяца

Сообщение #12 Aleshka » 09.07.2013, 18:57

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

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

нужно что-то делать с вложениями :insane:
Aleshka M
Автор темы
Аватара
Откуда: Москва
Репутация: 5
С нами: 10 лет 9 месяцев

Сообщение #13 Sumanai » 09.07.2013, 19:43

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

Открываете \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 секунды:
Aleshka:только я добавил ширину окна к стандартному изображению 400,

И маленькие или вертикальные изображения растянулись :biggrin: И единицы измерения забыли...
В общем пропишите вместо width="400" вот это- maxwidth="400px" то есть на это style="max-width: 400px;"
Последний раз редактировалось Sumanai 09.07.2013, 22:24, всего редактировалось 1 раз.
Причина: ошибся
Sumanai M
Аватара
Репутация: 1677
С нами: 11 лет 2 месяца

Сообщение #14 Aleshka » 09.07.2013, 20:06

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

Код: Выделить всё
<!-- 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 -->

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

змм, а растянулись у тебя в браузере? просто в хроме всё нормально :smile:
Aleshka M
Автор темы
Аватара
Откуда: Москва
Репутация: 5
С нами: 10 лет 9 месяцев

Сообщение #15 Sumanai » 09.07.2013, 20:12

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

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

Добавлено спустя 1 минуту 38 секунд:
Aleshka:змм, а растянулись у тебя в браузере?

Да, огнелис.
Расстянулось в другом посте, там, где картинки стоят вертикально и меньше 400 пикселей.
Вот.
Sumanai M
Аватара
Репутация: 1677
С нами: 11 лет 2 месяца

Сообщение #16 Aleshka » 09.07.2013, 20:22

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

Добавлено спустя 14 минут 35 секунд:
оп, не всё гладко работает, тутесле ниже пролистнуть, там под спойлером, почему о не все изображния прогружаются
Aleshka M
Автор темы
Аватара
Откуда: Москва
Репутация: 5
С нами: 10 лет 9 месяцев

Сообщение #17 Sumanai » 09.07.2013, 20:46

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

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

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

Для просмотра этого форума вы должны быть авторизованы.
Sumanai M
Аватара
Репутация: 1677
С нами: 11 лет 2 месяца

Сообщение #18 Aleshka » 09.07.2013, 20:52

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

Добавлено спустя 37 секунд:
Всё вроде
Aleshka M
Автор темы
Аватара
Откуда: Москва
Репутация: 5
С нами: 10 лет 9 месяцев

Сообщение #19 Sumanai » 09.07.2013, 21:15

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

Сообщение #20 Aleshka » 09.07.2013, 21:18

ну и ладненько, тогда прихожу к выводу что всё работает :smile: а потом может и на нормальный хост перенесу, когда доделаю
Aleshka M
Автор темы
Аватара
Откуда: Москва
Репутация: 5
С нами: 10 лет 9 месяцев


Вернуться в Поддержка 1.x



cron