Единый форум поддержки

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.

Вы здесь » Единый форум поддержки » Форум для новичков » Масштабирование изображений

Масштабирование изображений

Страница:   1 2

Сообщений 21 страница 29 из 29

21

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51119
  • Уважение: +15200
  • Позитив: +11605
  • Последний визит:
    Сегодня 13:32:51

Ок, скрипт в HTML низ заменяем на изначальный:

Код:
<script>
$('.post-content span[style="color: white"]>.postimg').each(function(){
  $(this).wrap('<a href="'+this.src+'" target="_blank"></a>');
})
</script>

Код в HTML верх на поправленный:

Код:
<style>
.post-content span[style="color: white"]>.postimg,
.post-content span[style="color: white"]>a>.postimg {max-width:30%}
</style>

+1

22

  • Автор: POLIGON
  • Заслуженный
  • POLIGON
  • Зарегистрирован: Вс, 9 Янв 2022
  • Сообщений: 30
  • Уважение: +7
  • Позитив: +20
  • Последний визит:
    Вт, 9 Апр 2024 16:13:34
Deff написал(а):

Код в HTML верх на поправленный:

Сделал. Ничего не поменялось.

+1

23

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51119
  • Уважение: +15200
  • Позитив: +11605
  • Последний визит:
    Сегодня 13:32:51
POLIGON написал(а):

Сделал. Ничего не поменялось.

Ну тады ток фиксированная ширина картинки;

Замените код в HTML верх:

Код:
<style>
.post-content span[style="color: white"]>.postimg,
.post-content span[style="color: white"]>a>.postimg {max-width:300px;}
</style>

300px можно заменить на более приемлимую (Думаю 500px - более смотрибельно)

Отредактировано Deff (Пт, 8 Мар 2024 01:19:07)

+1

24

  • Автор: POLIGON
  • Заслуженный
  • POLIGON
  • Зарегистрирован: Вс, 9 Янв 2022
  • Сообщений: 30
  • Уважение: +7
  • Позитив: +20
  • Последний визит:
    Вт, 9 Апр 2024 16:13:34
Deff написал(а):

Замените код в HTML верх:

Спасибо. Теперь все как нужно.

Deff написал(а):

300px можно заменить на более приемлимую

Заменил на 400 и все хорошо смотрится. Еще раз спасибо за помощь!

+1

25

  • Автор: Герда
  • старая версия нечистой силы
  • Герда
  • Зарегистрирован: Пт, 20 Фев 2009
  • Сообщений: 2570
  • Уважение: +1757
  • Позитив: +762
  • Пол: Женский
  • Последний визит:
    Вчера 17:29:32
POLIGON написал(а):

Да, необходимо уменьшить размер изображения которое показывается на форуме. Но при этом фактический размер изображения, которое загружено на сторонний ресурс, изменить не всегда возможно. Хотелось бы, что-то подобное, но с любым изображением из сети. Здесь же, я просто уменьшил исходную картику.

как вариант - можно задать максимальный размер для ВСЕХ картинок в сообщении.
в хтмл-верх:

Код:
<style>
.post-content img {
max-width: 300px; /*максимальная ширина*/
max-height: 300px;  /*максимальная высота*/
}
</style>

+ поставить какой-нибудь из скриптов, который разворачивает картинки по клику, который больше понравится:
Разворачивание картинок до полного размера
Полноэкранный просмотр изображений с автоперелистыванием

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

+2

26

  • Автор: POLIGON
  • Заслуженный
  • POLIGON
  • Зарегистрирован: Вс, 9 Янв 2022
  • Сообщений: 30
  • Уважение: +7
  • Позитив: +20
  • Последний визит:
    Вт, 9 Апр 2024 16:13:34
Герда написал(а):

как вариант - можно задать максимальный размер для ВСЕХ картинок в сообщении.
в хтмл-верх:

Спасибо. Этот вариант тоже попробую.

0

27

  • Автор: POLIGON
  • Заслуженный
  • POLIGON
  • Зарегистрирован: Вс, 9 Янв 2022
  • Сообщений: 30
  • Уважение: +7
  • Позитив: +20
  • Последний визит:
    Вт, 9 Апр 2024 16:13:34
Deff написал(а):
POLIGON написал(а):

Сделал. Ничего не поменялось.

Ну тады ток фиксированная ширина картинки;

Замените код в HTML верх:

Код:
<style>
.post-content span[style="color: white"]>.postimg,
.post-content span[style="color: white"]>a>.postimg {max-width:300px;}
</style>

300px можно заменить на более приемлимую (Думаю 500px - более смотрибельно)

Спасибо еще раз за хороший скрипт. Хотел уточнить, а можно вывести все это отдельной кнопкой в панель редактирования? Если быть точным - в панели редактирования нужна кропка чтобы ставила теги белого цвета. Как это можно реализовать?

0

28

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51119
  • Уважение: +15200
  • Позитив: +11605
  • Последний визит:
    Сегодня 13:32:51

POLIGON
Попробуйте вставить в форму ответа:

Код:
<!--Обёртывание картинки для ужатия--><script>
$('#post #button-image').after('<td id="compres-img"><img onclick="bbcode(\'[color=white]\',\'[/color]\')" src="/i/blank.gif"></td>');
$('#compres-img').css({'background':'url(/files/0012/d8/04/65065.png) no-repeat center'})
</script>

+1

29

  • Автор: POLIGON
  • Заслуженный
  • POLIGON
  • Зарегистрирован: Вс, 9 Янв 2022
  • Сообщений: 30
  • Уважение: +7
  • Позитив: +20
  • Последний визит:
    Вт, 9 Апр 2024 16:13:34
Deff написал(а):

Попробуйте вставить в форму ответа:

Да, спасибо, работает.

0

Страница:   1 2

Вы здесь » Единый форум поддержки » Форум для новичков » Масштабирование изображений