2010-06-05 9 views
-2

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

+0

Мое предложение - это стиль изображения, поэтому его «видимость: скрытая» (может быть, даже вне экрана где-то) получает нужные вам размеры, затем помещает изображение там, где вам нужно/нужно на странице, и установите его на ' видимость: visble' – chris

ответ

1

К сожалению, вы не можете знать размер изображения, прежде чем загрузить его ... (это имеет смысл, на самом деле)

+1

+1 Конечно, это имеет смысл, я не понимаю, почему люди предпочитают другие ответы вместо ваших. – Oriol

0

Я думаю, что вы не можете сделать это только с помощью JavaScript. Для этого вам нужен сценарий на стороне сервера. Можете ли вы объяснить свою цель получения ширины и высоты? Фактически, вы можете изменить ширину и высоту после загрузки изображения.

+0

см. Этот URL: http: //www.prohive.com/portfolio? Pid = 10. – Jeny

+0

@Jeny, быстрый отладчик IE-инспектор демонстрирует, что проблема в функции disable() отсутствует в javascript. Можете ли вы сказать мне, где вы написали функцию, и я могу ее просмотреть. –

0

Одним из вариантов было бы создать серверный скрипт, который будет обслуживать ваши изображения, и изменить его так, чтобы он возвращал размер изображения, если ему передан определенный параметр. Затем используйте ajax, чтобы вызвать его перед загрузкой изображения.

0

Вы можете загрузить изображение на вашей странице (скрытый), а затем проверить naturalWidth и naturalHeight свойства, но я не думаю, что это работает во всех браузерах (я знаю, что это работает в Firefox)

Однако it looks like this person фигурный чтобы использовать файл *.htc и правила IE behavior, чтобы получить естественное значениеWidth/naturalHeight в IE.

0

Всякий раз, когда мне нужно что-то делать, я показываю его с положением: absolute; left: -10000px; Затем я могу проверить высоту и ширину, создать div и отсоединить/прикрепить его к нужному месту.

2

Я заметил в Firefox, что если img не является абсолютной позицией, родительский div из img уже растянут до размера разгруженного встроенного img, например, когда вы видите текст alt (если установлен). Возможно, если вы добавили img в div без прокладки всего за наносекунду, верните высоту div и затем удалите div.

+0

Браузер не может знать размер изображения * перед тем, как его загрузить. Как это могло быть? – Oriol

Смежные вопросы