Автор Тема: HTML > как сделать размер картинок не больше XX пикселей  (Прочитано 5188 раз)

0 Пользователей и 1 Гость просматривают эту тему.

Оффлайн Nikita Krivtsov

  • Заглянувший
  • Новичок
  • *
  • Сообщений: 10
  • +0/-0
  • 0
    • Просмотр профиля
    • http://
Господа, подскажите как лучше всего сделать такую штуку:

Проблема:

На странице показываются картинки, имеющие очень длинный тег ALT и пока картинка не загрузится вся страница разъезжается до безобразия.
Основная проблема, что картинки грузятся с другого сайта и неизвестен их размер (то есть невозможно просто написать):

www.pupkin.ru/kartinka.img width=123 height=321\'>
 
Но известно, что размер не больше 100х200 пикселей (и даже если будет картинка больше 100х200 уменьшить ей до таких размеров).

Вопрос: как средствами HTML (CSS, JS) ограничить размер картинок, что бы они были не больше заданного размера.

Пробовал картинку вставлять в табличку фиксированных размеров, но она расширяется до размеров текста в ALT

Оффлайн MadDog

  • Главный Металликолог
  • Ветеран
  • *****
  • Сообщений: 679
  • +0/-0
  • 2
    • Просмотр профиля
Цитировать
Nikita Krivtsov:
Основная проблема, что картинки грузятся с другого сайта и неизвестен их размер

:abuse: к ногтю таких умельцев.

Цитировать
Nikita Krivtsov:
как средствами HTML ограничить размер картинок

дык ты сам написал (css тут вообще не причём)
Цитировать
Nikita Krivtsov:
www.pupkin.ru/kartinka.img width=123 height=321\'>

только кавычки раставь правильно, а не так как у тебя написано
So let it be written
So let it be done I\'m creeping death

Оффлайн Nikita Krivtsov

  • Заглянувший
  • Новичок
  • *
  • Сообщений: 10
  • +0/-0
  • 0
    • Просмотр профиля
    • http://
Цитировать
MadDog:
 к ногтю таких умельцев.


Фигли умничаешь, если не знаешь, что это за проект и для чего нужно вытягивать картинки с других сайтов

Цитировать
MadDog:
дык ты сам написал (css тут вообще не причём)


Тут даже DOM и яваскрипт причем!

Цитировать
MadDog:
только кавычки раставь правильно, а не так как у тебя написано


Уже 5 лет занимаюсь веб-разработкой и уж знаю где кавычки ставить, в перыдущем посте просто опечатался.

Итак, готовое решение, если кому интересно:




....  в хтмль:


http://www.vasia.ru/1.jpg\' id=pic width=130 alt=\'Обложка книги Microsoft Windows XP. Руководство администратора. Автор: Андреев А.\'>

То есть изначально задаём принудительно ширину в 130 пикселей, а при загрузке растягиваем на нужную ширину.

Оффлайн Nikita Krivtsov

  • Заглянувший
  • Новичок
  • *
  • Сообщений: 10
  • +0/-0
  • 0
    • Просмотр профиля
    • http://
Можно еще проще было сделать:





http://www.vasia.ru/1.jpg\' id=pic width=130 alt=\'Обложка книги Microsoft Windows XP. Руководство администратора. Автор: Андреев А.\' onload=\'img_resize(\'pic\')\'>

 

Sitemap 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28