Отключите изменение размера изображения по умолчанию в Firefox

Question

Как отключить поведение изменения размера изображения в Firefox по умолчанию с помощью jquery.

Answer 1

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

Это означает, что если вы перейдете на www.blabla.com/verybigimage.jpg, изображение будет автоматически изменено Firefox.
Это поведение просто нельзя переписать с любым видом jQuery.

Единственный способ отключить это автоматическое изменение размера - перейти на about:config в вашем Firefox и установить browser.enable_automatic_image_resizing на false.

Единственный способ контролировать эти изображения - это встроить их в некоторый код на стороне сервера.

Answer 2

Firefox изменит размер изображения, только если вы получите к нему доступ напрямую, а не как часть страницы.Что, в свою очередь, означает, что, если вы обращаетесь к изображению напрямую, нет способа загрузить jQuery для начала.

Так что, если я правильно понял, что вы спрашиваете, краткий ответ: вы не можете.

---

РЕДАКТИРОВАТЬ:

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

Однако, если ваш макет не позволяет этого, единственным вариантом будет написать сервер-сценарий, который будет обслуживать изображение, заключенное в тег img, как предлагали другие.Не уверен, какой язык программирования вы используете, но в PHP вы можете сделать это следующим образом:

<?php
if(isset($_GET['img'])) {
    echo '<img src="path/to/your/images/folder/'.$_GET['img'].'" />';
} else {
    echo 'Must specify an image';
}
?>

Сохраните это как showimage.php, а затем назовите его как showimage.php?img=yourimage.jpg.

Надеждаэто помогает.

Answer 3

Чтобы отключить изменение размера изображения в Firefox, я попробуйте следующий код, и это работает. Попробуйте это может помочь вам.

document.designMode = "off";
document.execCommand("enableObjectResizing", null, "false");

Режим разработки отключен, поскольку он не влияет на другие функции, например contenteditable.

Answer 4

Я исправил это с помощью следующего кода

$("#iframe").contents().find("img").attr('height','');
$("#iframe").contents().find("img").attr('width','');

Answer 5

Чтобы обойти это, многие веб-сайты ссылаются на страницу, которая только отображает заданное изображение, а не ссылается непосредственно на само изображение.много сценариев галереи do: перехватывать событие click и отображать динамически генерируемый HTML-блок, который оборачивает изображение.