Версия для печати темы

Нажмите сюда для просмотра этой темы в обычном формате

Автоклуб ВАЗ 2106 _ vaz-2106.ru _ Вставка больших фот в спойлер и быстрая заливка видео

Автор: payalnikk 25.3.2015, 18:46

Ну что, запустили спойлер с подгрузкой изображений после его открытия. Т.е. если изображение скрыто в спойлере, то оно не загружается на компьютер или телефон пока спойлер не откроется.
Как пользоваться:
В редакторе сообщения (в быстром ответе, ответе или редактировании сообщения) добавилась кнопка
Как ей пользоваться.
Вставляем в свое сообщение изображение как обычно:
1. Или жмем кнопку и вставляем ссылку на изображение.
2. Или вставляем в сообщение готовый код с любого хостинга изображений.

Далее выделяем полученный код изображения и давим на кнопку спойлера. Всплывет окошко для ввода заголовка спойлера, куда мы пишем или описание картинки или что то еще (с этим мы определимся позже).
Собственно ниже демонстрация самого спойлера и объяснение в картинках как им пользоваться.

прямая ссылка на изображение заключенная в тег img с помощью кнопки



И код с хостинга картинок

http://piccy.info/view3/7947096/a44e821c9e9d73898102684b3070305e/http://i.piccy.info/a3c/2015-03-25-15-26/i9-7947096/464x359-r


Второй вариант, это воспользоваться кнопкой "Скрыть текст или изображение" в меню тэгов.
http://piccy.info/view3/7947138/43a21268c9604226379bedc269974bf3/http://i.piccy.info/a3c/2015-03-25-15-35/i9-7947138/392x425-r


Тут все тоже самое, исключение составляет форма окна для ввода.

http://piccy.info/http://i.piccy.info/a3c/2015-03-25-15-37/i9-7947151/329x413-r


Пока все, тестируйте, пользуйтесь smile3.gif
Соответствующие изменения в правилах будут сделаны позже.
Сейчас, если кто не умет пользоваться хостингами картинок, то обязательно картинки прячьте под спойлер.

П.С. забыл сказать, что если картинка по ширине превышает разрешение монитора, то она автоматически подгонится по ширине браузера. Если нужно просмотреть ее в полном размере, то или открывайте ее в другом окне или кликните по ней ПКМ и она покажется в полном размере, при повторном кликании мышкой, вернется в уменьшенный размер.

Автор: varvar-s 25.3.2015, 19:54

нииииполучается.надо пошагово

вставил-выделил-нажал-ничего не всплывает

Автор: payalnikk 27.3.2015, 12:07

С картинками, типа пошагово.
Сначала напомню как вставлять картинки в сообщение, а потом уже сам спойлер.

И так. Есть два варианта размещения картинок, это использование прямой ссылки на картинку и использование кода полученного при загрузке изображения на любой хостинг картинок.
Дальше будут картинки с объяснениями
Для первого варианта нам нужна прямая ссылка на картинку, ее можно взять или с адресной строки браузера или кликнув на картинке правой кнопкой мыши выбрать пункт "Копировать адрес изображения"



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








Для второго варианта нужно использовать сторонний хостинг, например piccy.info или hostingkartinok.com или ifotki.info или еще какой.
Тут все просто, загружаем свой файл и в полученных кодах, выбираем код для форумов



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

Теперь сам спойлер.
Есть два варианта.
Первый - подготовленный код изображения мы выделяем мышкой и жмем кнопку спойлера, всплывет окно для ввода описания/названия спойлера, куда мы вводим все что хочем, что бы други пользователи поняли о чем речь под спойлером.



Код картинки заключится в тэг спойлера



Второй вариант - подготовленный код изображения мы выделяем мышкой и жмем кнопку спойлера в меню тэгов. Тут все тоже самое, отличие только в форме всплывающего окна.



Теперь превью в спойлере
Полученный код изображения с хостинка картинок не меняем, просто копируем его в сообщение и выделяем мышкой, после чего делаем теже операции со спойлером что и выше





Код картинки заключится в тэг спойлера



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

П.С. Да, еще один важный момент (а может и не важный). При редактировании сообщения со спойлером, после редактирования он может не раскрыться. Но после обновления страницы, все будет нормально. Этот момент сейчас на стадии допиливания.
П.П.С. Если кнопка не нажимается, то в браузере надо почистить кэш, если и после чистки не нажимается, то или не то или не там почистили. Тогда или почитайте "Помощь" своего браузера или пользуйтесь кнопкой на панели тэгов, она будет работать в любом случае.

Автор: Ролакс 7.4.2015, 23:28

В этой теме чисто инструкция по эксплуатации,все непонятки и обсуждения http://vaz-2106.ru/forum/index.php?showtopic=1624&st=660

Русская версия Invision Power Board (http://www.invisiоnboаrd.cоm)
© Invision Power Services (http://www.invisiоnpowеr.com)