JQuery - Автоматическая смена ширины изображения

Я создаю веб-сайт, и у меня проблема с совместимостью с IE. Моя идея исправить это - иметь сценарий JQuery, который изменяет ширину изображений, пропорциональную окну. Однако мой скрипт не работает.JQuery - Автоматическая смена ширины изображения

$(document).read(function() { 
     updateSizes(); 
     $(window).resize(function() { 
      updateSizes(); 
     }) 
    }); 

    function updateSizes() { 
     var $windowHeight = $(window).height(); 
     var $windowWidth = $(window).width(); 
     $(".fadingImg").css("width",$windowWidth * 0.7) 
    }

Я попытался добавить + "px" к $(".fadingImg").css("width",$windowWidth * 0.7)

Моя реализация JQuery является:

<script src="http://abrahamyan.com/wp-content/uploads/2010/jsslideshow/js/jquery-1.4.3.js" type="text/javascript"></script>

источник

2013-07-30 lewisjb

'$ (документ) .read' должен быть' $ (документ) .ready' – Praveen

@ user1671639 Спасибо! Оно работает! Такая глупая ошибка! – lewisjb

Нет проблем, но проверьте консоль (нажмите инструменты разработчика F12), прежде чем отправлять вопрос. Это сэкономит ваше драгоценное время :) – Praveen

Это должно быть

$(document).ready(function() {

не

$(document).read

источник

2013-07-30 07:26:13

Спасибо! Такая простая ошибка! – lewisjb

Да! ошибки случаются, но мы должны учиться у них и стараться не повторять это снова :) –

Вам нужно добавить точек, но в нужном месте

$(".fadingImg").css("width", ($windowWidth * 0.7) + "px")

Вы также должны убедиться, что у вас есть class="fadingImg"

Вы также должны убедиться, что вы положили его в готовом блоке

$(function() { 
    //code here 
});

источник

2013-07-30 07:26:37 bizzehdee

Вместо использования JavaScript для этого решения, почему бы не использовать CSS?

.fadingImg { width: 70%; }

источник

2013-07-30 07:28:53 Indy

У меня было это, но это не работает с IE для меня, но спасибо за предложение! – lewisjb

если ваш fadingImg является <img>, а затем попытаться установить атрибут

$(".fadingImg").attr("width",$windowWidth * 0.7)

источник

2013-07-30 07:30:00 Chandru

JQuery - Автоматическая смена ширины изображения

ответ

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