• Новые сообщения
  • Участники
  • Правила форума
  • Поиск
  • RSS
  • Страница 1 из 1
  • 1
Форум » Web-Раздел » Начинающему вебмастеру » Как уменьшить картинку на форуме uCoz (Уменьшение размера картинки в модулях на форуме uCoz)
Как уменьшить картинку на форуме uCoz
Kosten
 		Пятница, 05 Мая 2017 | Сообщение 1
Оффлайн
Администраторы
Сообщений:44355
Награды: 70
« 555 »
Приветствую всех, в интернете нашел стили, также на сайт заливал, что можно уменьшить на форуме изображение, вот поставил на тестовом и сработало.



Код
.posttdMessage img {max-width:350px;border: 4px solid #c5c5c5;border-radius: 5px;}
.posttdMessage img {max-height:350px;border: 4px solid #c5c5c5;border-radius: 5px;}


Здесь просто добавил обвод и закруглил углы.

Вопрос:

Есть какие то другие способы, это говорю, если загрузка изображение идет по ссылки.

Но главное, увеличение можно сделать?
Прикрепления: 9171716.jpg (73.4 Kb)
Страна: (RU)
Maryges
 		Пятница, 05 Мая 2017 | Сообщение 2
Оффлайн
Пользователи
Сообщений:142
Награды: 0
« 5 »
С форума юкоз взял, что можно сразу задать размер.

Код
<img border="0" src="ссылка на изображение" style="width: 321px; height: 471px; border: 0;">
Страна: (RU)
Scheme
 		Пятница, 05 Мая 2017 | Сообщение 3
Оффлайн
Пользователи
Сообщений:157
Награды: 1
« 11 »
Так здесь на сайте много по этому написано, в бил в поиск, и вышел на сайт, вот здесь все подробно описано, как еще можно сделать.
Страна: (RU)
Марковичь
 		Пятница, 05 Мая 2017 | Сообщение 4
Оффлайн
Vip
Сообщений:65
Награды: 0
« 1 »
Если хотите, чтоб через ссылку размер выводился автоматически, и через оператор, и где еще через оператор увеличение стандартное будет, то в CSS ставим стиль, и сами выставляем размер.

Код
.posttdMessage img {  
max-width:435px;  
width:expression((this.width>435) ? "435px" : true);  
}
Страна: (RU)
First-1
 		Пятница, 05 Мая 2017 | Сообщение 5
Оффлайн
Пользователи
Сообщений:716
Награды: 22
« 6 »
Для форума:

При клике увеличиваем в окне
Код
<script type="text/javascript">
$(".posttdMessage img").each(function(){
if($(this).attr("src").length>0){
var title=typeof this.title!="undefined"?(' title="'+this.title+'"'):(typeof this.alt!="undefined"?(' title="'+this.alt+'"'):"");
$(this).wrap('<a href="'+this.src+'" class="ulightbox" target="_blank"'+title+'></a>');
};
});
</script>


Открываем изображение в новой вкладке

Код
<script type="text/javascript">
$(".posttdMessage img").each(function(){
if($(this).attr("src").length>0){
var title=typeof this.title!="undefined"?(' title="'+this.title+'"'):(typeof this.alt!="undefined"?(' title="'+this.alt+'"'):"");
$(this).wrap('<a href="'+this.src+'" target="_blank"'+title+'></a>');
};
});
</script>


В общем разбирали похожее /forum/115-4757-1
Страна: (UA)
Kosten
 		Суббота, 06 Мая 2017 | Сообщение 6
Оффлайн
Администраторы
Сообщений:44355
Награды: 70
« 555 »
First, от души, этой информаций найти не мог, хотя понимаю, один код на сайте был.
Страна: (RU)
csafrones
 		Четверг, 18 Мая 2017 | Сообщение 7
Оффлайн
Пользователи
Сообщений:18
Награды: 0
« 0 »
Можно уменьшить с обводом, но как понимаю, она увеличиваться не будет. Если все через оператор, так не чего не нужно, если только через ссылку, вот здесь можно задать размеры.
Страна: (RU)
Kosten
 		Вторник, 30 Мая 2017 | Сообщение 8
Оффлайн
Администраторы
Сообщений:44355
Награды: 70
« 555 »
First, а можно в скрипте задать размер, чтоб по умолчанию был, или он идет от конструктора. И другое, если ссылкой поставть на форум, то также уменьшиться. Так сделано здесь на сайте в комментариях.
Страна: (RU)
Форум » Web-Раздел » Начинающему вебмастеру » Как уменьшить картинку на форуме uCoz (Уменьшение размера картинки в модулях на форуме uCoz)
  • Страница 1 из 1
  • 1
Поиск: