IPB
Выберите регион:
Ваш номер:

Здравствуйте, гость ( Вход | Регистрация )

 
Тема закрытаНачать новую тему
> Вставка больших фот в спойлер и быстрая заливка видео, Экономим трафик
payalnikk
сообщение 25.3.2015, 18:46
Сообщение #1
Нет аватара


___«Carabinieri»___
Иконка группы

Группа: СуперЖигуляторы
Имя: Александр
Сообщений: 7650
Регистрация: 5.3.2010
Из: Украина, Кривой Рог
Пользователь №: 27856
Машина:ВАЗ-21063, Volkswagen T3
Цвет:серо-зеленый/серо-голубой
Год Выпуска: 1987/1987
Спасибо сказали: 1452 раза



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

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

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



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



Второй вариант, это воспользоваться кнопкой "Скрыть текст или изображение" в меню тэгов.


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



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

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


Спасибо сказали:
Перейти в начало страницы
 
+Цитировать сообщение
varvar-s
сообщение 25.3.2015, 19:54
Сообщение #2
Нет аватара


Отъявленный ЖигулистЪ
Иконка группы

Группа: Жигулисты
Сообщений: 6815
Регистрация: 23.12.2008
Из: г.Волхов-47 RUS
Пользователь №: 7451
Машина:2106/Матиз
Цвет:т.зеленый/снежн.королева
Год Выпуска: 2004/11
Спасибо сказали: 512 раза



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

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

Сообщение отредактировал varvar-s - 25.3.2015, 20:02
Перейти в начало страницы
 
+Цитировать сообщение
payalnikk
сообщение 27.3.2015, 12:07
Сообщение #3
Нет аватара


___«Carabinieri»___
Иконка группы

Группа: СуперЖигуляторы
Имя: Александр
Сообщений: 7650
Регистрация: 5.3.2010
Из: Украина, Кривой Рог
Пользователь №: 27856
Машина:ВАЗ-21063, Volkswagen T3
Цвет:серо-зеленый/серо-голубой
Год Выпуска: 1987/1987
Спасибо сказали: 1452 раза



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



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








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



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

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



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



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



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





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



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

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


Спасибо сказали:
Перейти в начало страницы
 
+Цитировать сообщение
Ролакс
сообщение 7.4.2015, 23:28
Сообщение #4
Нет аватара


Продам гараж
Иконка группы

Группа: СуперЖигуляторы
Имя: Михаил
Сообщений: 42349
Регистрация: 22.2.2010
Из: ЮФО
Пользователь №: 27287
Машина:ваз 21063
Цвет:св.голубой
Год Выпуска: 87
Спасибо сказали: 1727 раз



В этой теме чисто инструкция по эксплуатации,все непонятки и обсуждения здесь.
Перейти в начало страницы
 
+Цитировать сообщение

Тема закрытаНачать новую тему
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0

 



Здравствуйте, гость ( Вход | Регистрация )

RSS Текстовая версия Сейчас: 21.9.2017, 8:15