Масштабирование изображений в HTML (Изображение на странице должно быть определЁнных разеров)

Модератор: Модераторы разделов

Аватара пользователя
kma21
Сообщения: 874
Статус: Странный экспериментатор...

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

Сообщение kma21 »

Привет всем! Пишу я на HTML дискографию всего своего архива музыкального. Есть обложки различные (всмысле размеров). Так вот нет ли скриптика, который можно "натравить" на некоторое кол-во папок, и который сначала скопирует обложку (все обложки с именем cover.jpg) с именем cover1.jpg, а потом уменшит размер изображения cover1.jpg до определЁнного. 1-я часть скрипта (про копирование) не обязательна, а вот 2-я очень желательна.

Или же другой вариант. Вставка изображения в определЁнную "рамку". Т.е. независимо от исходного размера картинки вставлять изображение с определЁнным размером.
Спасибо сказали:
Аватара пользователя
RasenHerz
Сообщения: 1341
ОС: Arch Linux amd64

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

Сообщение RasenHerz »

как-то замысловато... =)
используете тег img в котором указываете свойства height и width - и избавитесь от необходимости изменять размер картинки (но это дело вкуса). все это оборачиваете в php-скрипт, который рекурсивно отсканирует директории с вашей музыкальной коллекцией. и все.
Спасибо сказали:
Аватара пользователя
kma21
Сообщения: 874
Статус: Странный экспериментатор...

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

Сообщение kma21 »

Если указать размеры, то картинка же попросту обрежеться?? А мне надо чтобы она масштабировалась.
Спасибо сказали:
Аватара пользователя
RasenHerz
Сообщения: 1341
ОС: Arch Linux amd64

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

Сообщение RasenHerz »

Спасибо сказали:
Аватара пользователя
Dmitrys
Сообщения: 131
ОС: Arch Linux

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

Сообщение Dmitrys »

kma21 писал(а):
08.05.2009 10:48
Если указать размеры, то картинка же попросту обрежеться?? А мне надо чтобы она масштабировалась.

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

P.S. htmlbook.ru вам в помощь.
Спасибо сказали:
Аватара пользователя
kma21
Сообщения: 874
Статус: Странный экспериментатор...

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

Сообщение kma21 »

Вот что мну посоветовали на форуме программеров (forum.vingrad.ru):

Прописать в стилях CSS - img.alb { width: 200px; }
А картинку добавлять так - <img class="alb" src="..." />
Спасибо сказали:
Аватара пользователя
RasenHerz
Сообщения: 1341
ОС: Arch Linux amd64

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

Сообщение RasenHerz »

можно и так. вы собираетесь выкладывать в вебе эту страничку?
Спасибо сказали:
Аватара пользователя
kma21
Сообщения: 874
Статус: Странный экспериментатор...

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

Сообщение kma21 »

Может быть =)
Спасибо сказали:
Аватара пользователя
Poor Fred
Сообщения: 1575
Статус: Pygoscelis papua
ОС: Gentoo Linux, FreeBSD

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

Сообщение Poor Fred »

RasenHerz писал(а):
08.05.2009 22:49
можно и так

Именно так и нужно. Всякие height и width - вчерашний день. Тем более, что высоту как раз указывать и не надо.
Убить всех человеков!
Спасибо сказали:
Аватара пользователя
drBatty
Сообщения: 8735
Статус: GPG ID: 4DFBD1D6 дом горит, козёл не видит...
ОС: Slackware-current

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

Сообщение drBatty »

kma21 писал(а):
07.05.2009 21:11
Так вот нет ли скриптика, который можно "натравить" на некоторое кол-во папок

вы учтите, что то, что вам советуют, будет происходить на клиентских машинах, т.е. вы сначала вынуждаете юзера загружать обложку в 2000х1000 пикселей к себе, а потом сжимать её в 200х100 превьюшку. Это долго. Возможно имеет смысл действительно сначала сделать превьюшки и их показывать, а полные версии - только по запросу. Это может сервер делать на лету, но как-то не слишком хорошо. :(
http://emulek.blogspot.ru/ Windows Must Die
Учебник по sed зеркало в github

Скоро придёт
Осень
Спасибо сказали:
Аватара пользователя
Dmitrys
Сообщения: 131
ОС: Arch Linux

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

Сообщение Dmitrys »

drBatty писал(а):
09.05.2009 12:09
kma21 писал(а):
07.05.2009 21:11
Так вот нет ли скриптика, который можно "натравить" на некоторое кол-во папок

вы учтите, что то, что вам советуют, будет происходить на клиентских машинах, т.е. вы сначала вынуждаете юзера загружать обложку в 2000х1000 пикселей к себе, а потом сжимать её в 200х100 превьюшку. Это долго. Возможно имеет смысл действительно сначала сделать превьюшки и их показывать, а полные версии - только по запросу. Это может сервер делать на лету, но как-то не слишком хорошо. :(

Ну ему как бы это нужно на локалхосте, тут это самый самый нормальный вариант (по отношению время/результат) как css'ом так и html'ем. Если же вылаживать выкладывать на обозрение наружу, то тут уже одним HTML'ом не обойдешься.
Спасибо сказали:
Аватара пользователя
drBatty
Сообщения: 8735
Статус: GPG ID: 4DFBD1D6 дом горит, козёл не видит...
ОС: Slackware-current

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

Сообщение drBatty »

Dmitrys писал(а):
09.05.2009 13:57
Ну ему как бы это нужно на локалхосте, тут это самый самый нормальный вариант
да. наверное...
http://emulek.blogspot.ru/ Windows Must Die
Учебник по sed зеркало в github

Скоро придёт
Осень
Спасибо сказали: