Как уменьшить изображение?

голоса: 0

В миниатюрах вот,чтобы так выглядел

 

А при нажатии выходит так:

 

кто знает как?

Адрес сайта http://good-cs.ucoz.org/
| Автор: | Категория: Вопросы новичков
Изменение категории | | Автор: webanet

Ответов: 2

Голоса: +1
 
Лучший ответ
Что то типа такого https://jsfiddle.net/y3wvjvc9/
| Автор:
Выбор ответа лучшим | | Автор: Миша Булгаков
голоса: 0

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

Или для прочих картинок вот такая конструкция может использоваться

<a href="ссылка на полную картинку" class="ulightbox" target="_blank" title="Нажмите, для просмотра в полном размере..."><img alt="альтернативное название картинки" style="margin:0;padding:0;border:0;" src="ссылка на уменьшенную картинку"></a>

| Автор:

нет не так, я хочу именно так как я там показал, в миниатюрах 100 % изображении, но ограничивая размером. А при нажатии она полностью

.

Вот. Красная рамка это как бы уменьшился размер, а нажимаешь, уже изображение полностью изображен.

Миша Булгаков,
Вы хотите так как вы описали, но процесс создания превью отличается того как вам хочется, обрезается не крайняя часть, а именно центральная которая вписывается в стандартные настройки размера превью.
...