• Страница 1 из 1
  • 1
Форум » Веб-разработка » HTML + CSS — коды » Авто уменьшение и увеличение картинки
Авто уменьшение и увеличение картинки
workman
Среда, 24 Сентября 2014 | Сообщение 1
Оффлайн
Проверенные
Сообщений:1716
Награды: 9
Данный стиль ставим в самый низ CSS файла
Код
.apomessage img{cursor:url(http://www.fishing31.ru/images/zoomin.cur), pointer!important;max-height:200px;max-width:400px;}

Это ставим, например для форума: Главная » Управление дизайном » Редактирование шаблонов » Общий вид страниц форума
перед [/body]
Код

<script>$(document).ready(function(){$('.apomessage img').mouseover(function(){if(parseInt($(this).css('height'))==200||parseInt($(this).css('width'))==400){if($(this).parent('a').html()!=null  ){$(this).after('<a href="'+$(this).parent('a').attr('href')+'" class="ulightbox"><img src="'+$(this).attr('src')+'" title="Нажмите, для просмотра в полном размере ..."></a>');$(this).remove()}else{$(this).after('<a href="'+$(this).attr('src')+'" class="ulightbox"><img src="'+$(this).attr('src')+'" title="Нажмите, для просмотра в полном размере ..."></a>');$(this).remove()}}})});</script>

Далее заходим в Главная » Управление дизайном » Редактирование шаблонов » Вид материалов форума, находим там этот код
Код
$MESSAGE$
И меняем на этот
Код
<div class="apomessage">$MESSAGE$</div>


Если у вас возникнет желание еще больше уменьшить картинку до ее увеличения, то меняйте эти цифры под свои размеры max-height:200px;max-width:400px;. Не забудьте также поменять и в скрипте на те которые указали в слях.

Кстати. Если Вы также добавляете картинку с помощью кодов [img]..... [/img], то она также будет уменьшена автоматически.

Так проделываем на тех страницах, где существует код $MESSAGE$
Страна: (RU)
Kosten
Среда, 01 Октября 2014 | Сообщение 2
Оффлайн
Администраторы
Сообщений:44355
Награды: 70
workman, а где скачивал папку? Как понимаю это что то вроде highslide
Страна: (RU)
workman
Среда, 01 Октября 2014 | Сообщение 3
Оффлайн
Проверенные
Сообщений:1716
Награды: 9
Цитата Kosten ()
Как понимаю это что то вроде highslide

Правильно понимаешь. Это равносильно как поставить на сайт просто через $IMAGE1$


Сообщение отредактировал
workman - Среда, 01 Октября 2014, 18:29
Страна: (RU)
Kosten
Среда, 01 Октября 2014 | Сообщение 4
Оффлайн
Администраторы
Сообщений:44355
Награды: 70
workman, есть картинка или сайт.. где можно посмотреть?
Страна: (RU)
workman
Среда, 01 Октября 2014 | Сообщение 5
Оффлайн
Проверенные
Сообщений:1716
Награды: 9
Kosten, примерно так!
Страна: (RU)
Kosten
Понедельник, 06 Октября 2014 | Сообщение 6
Оффлайн
Администраторы
Сообщений:44355
Награды: 70
workman, не знаю тебе видней, для форума мне кажется нужно по больше сделать картинку на раскрытие.



А если еще обвод ей сделать, думаю шикарно будет смотреться.
Прикрепления: 0018086.jpg (41.2 Kb)
Страна: (RU)
workman
Понедельник, 06 Октября 2014 | Сообщение 7
Оффлайн
Проверенные
Сообщений:1716
Награды: 9
Kosten, Если сделать больше, то они не впишутся в поле добавления и сломают дизайн... А так смотри ТУТ ... В принципе кому захочется посмотреть тот клацнетпо картинке и так

Сообщение отредактировал
workman - Вторник, 07 Октября 2014, 00:04
Страна: (RU)
Форум » Веб-разработка » HTML + CSS — коды » Авто уменьшение и увеличение картинки
  • Страница 1 из 1
  • 1
Поиск: