У меня есть одна проблема. теперь я динамически создаю div для отображения изображений на основе ширины и высоты изображения. так как я могу найти ширину и высоту изображения перед загрузкой изображений или с помощью изображения src? помочь плзнайти изображение высота когда перед загрузкой изображение
ответ
К сожалению, вы не можете знать размер изображения, прежде чем загрузить его ... (это имеет смысл, на самом деле)
+1 Конечно, это имеет смысл, я не понимаю, почему люди предпочитают другие ответы вместо ваших. – Oriol
Я думаю, что вы не можете сделать это только с помощью JavaScript. Для этого вам нужен сценарий на стороне сервера. Можете ли вы объяснить свою цель получения ширины и высоты? Фактически, вы можете изменить ширину и высоту после загрузки изображения.
см. Этот URL: http: //www.prohive.com/portfolio? Pid = 10. – Jeny
@Jeny, быстрый отладчик IE-инспектор демонстрирует, что проблема в функции disable() отсутствует в javascript. Можете ли вы сказать мне, где вы написали функцию, и я могу ее просмотреть. –
Одним из вариантов было бы создать серверный скрипт, который будет обслуживать ваши изображения, и изменить его так, чтобы он возвращал размер изображения, если ему передан определенный параметр. Затем используйте ajax, чтобы вызвать его перед загрузкой изображения.
Вы можете загрузить изображение на вашей странице (скрытый), а затем проверить naturalWidth
и naturalHeight
свойства, но я не думаю, что это работает во всех браузерах (я знаю, что это работает в Firefox)
Однако it looks like this person фигурный чтобы использовать файл *.htc
и правила IE behavior
, чтобы получить естественное значениеWidth/naturalHeight в IE.
Всякий раз, когда мне нужно что-то делать, я показываю его с положением: absolute; left: -10000px; Затем я могу проверить высоту и ширину, создать div и отсоединить/прикрепить его к нужному месту.
Я заметил в Firefox, что если img не является абсолютной позицией, родительский div из img уже растянут до размера разгруженного встроенного img, например, когда вы видите текст alt (если установлен). Возможно, если вы добавили img в div без прокладки всего за наносекунду, верните высоту div и затем удалите div.
Браузер не может знать размер изображения * перед тем, как его загрузить. Как это могло быть? – Oriol
- 1. Загрузить изображение перед загрузкой
- 2. Подтвердить изображение перед загрузкой в php
- 3. Показать изображение перед фактической загрузкой
- 4. Показать выбранное изображение перед загрузкой
- 5. Сжать изображение iPhone перед загрузкой
- 6. Ckfinder переименовать изображение перед загрузкой
- 7. javascript. вращать изображение перед загрузкой
- 8. Высота и ширина изображения перед загрузкой
- 9. Проверьте, существует ли изображение перед загрузкой
- 10. Как масштабировать растровое изображение перед загрузкой в изображение?
- 11. Сжимать изображение из URL перед загрузкой?
- 12. Поверните изображение перед загрузкой его на сервер
- 13. Удостоверьтесь, что изображение загружено перед загрузкой javascript
- 14. Добавить изображение перед загрузкой для нескольких изображений
- 15. Как сжать изображение перед загрузкой в Laravel?
- 16. Сжать изображение с камеры перед загрузкой
- 17. Обрезать изображение с камеры перед загрузкой (PhoneGap)
- 18. Как сжать изображение перед загрузкой на сервер
- 19. сделать изображение thumbnail перед загрузкой - php codeigniter
- 20. Как просмотреть изображение перед загрузкой в jquery
- 21. Показывать изображение перед загрузкой javascript/jquery
- 22. не удалось загрузить изображение перед загрузкой
- 23. Показать изображение спрямчика перед загрузкой DIV
- 24. Как найти изображение перед списком?
- 25. получить изображение высоты и ширины перед загрузкой в html
- 26. JQuery найти изображение высота не работает
- 27. изображение спрайты высота высота пункт?
- 28. Фоновое изображение не отображается, когда высота авто
- 29. Android Glide: покажите размытое изображение перед загрузкой фактического изображения
- 30. Как загрузить изображение с малым заполнителем перед загрузкой фактического содержимого
Мое предложение - это стиль изображения, поэтому его «видимость: скрытая» (может быть, даже вне экрана где-то) получает нужные вам размеры, затем помещает изображение там, где вам нужно/нужно на странице, и установите его на ' видимость: visble' – chris