Max-Width при использовании jQuery

Я использую jQuery и пытаюсь реализовать свойство max-width на моих изображениях, на которые влияет jQuery, но не может заставить его работать. Может кто-нибудь мне помочь? Вот все мои кодирования:Max-Width при использовании jQuery

<!DOCTYPE html> 
    <html> 
    <head> 
    <title>Test</title> 
    </head> 

    <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> 

    <script> 
    $(window).load(function() { 
    setTimeout(function() { 
    $('div.fade > div') . fadeIn(3000) // 3 second fade in 
    }, 2000) // after 2 seconds. 
    }) 
    </script> 


    <style> 
    .img{ 
     max-width: 100%; 
    } 
    html 
    { 
     background-image:url(purplegrad.png); 
     background-position: center; 
    } 
    .container 
    { 
     position:relative; 
     margin-top:100px; 
    } 
    .fade 
    { 
     position:relative; 
     width:800px; 
     z-index:1; 
     margin:auto; 
    } 
    .inside 
    { 
     position: absolute; 
     display: none; 
     z-index:2; 
     top:0; 
     left:0; 
    } 

    </style> 

    <body> 
     <div class="container"> 
      <div class="fade"> 
       <img class="img" src="namelarge.png" /> 
        <div class="inside"> 
         <img class="img" src="nameglow.png" /> 
        </div> 
      </div> 
     </div> 
    </body> 

    </html>

А вот пример моей JQuery в действии, что кто-то над на форуме JQuery помог мне: http://jsfiddle.net/jakecigar/HS2f9/

источник

2013-05-20 jjfxx

Я не вижу ничего общего с максимальной шириной в вашей скрипке. в чем именно проблема?: Предполагается, что изображение собаки должно соответствовать размеру меньшего квадрата? – Jake

Он находится наверху стиля в кодировке, которую я разместил. Кто-то в другом потоке хотел увидеть, как мой jQuery работает в скрипке, потому что это, вероятно, вызывает проблему. Когда я помещаю свойство max-width в мой стиль для изображения, это не сработает, но когда я выхожу из своего jQuery, он делает это. Где бы я ни разместил max-width, это не сработает. – jjfxx

Я не 100% от того, что вы ищу, так как вы не имеете максимальную ширину в вашем примере, но я верю, что вы хотите:

.fade div img { 
     max-width: 100%; 
}

Это убедитесь, что ваши вторые изображения установлено правильно.

Example

источник

2013-05-20 23:26:21 AJak

EDIT: На самом деле, я искал неправильную версию моего кодирования - это просто ничего не делает, так же как и без него. – jjfxx

И максимальная ширина в моем CSS. Это не имеет никакого отношения к скрипке. Это просто показать, что делает мой jQuery, потому что я хочу, чтобы изображения, затронутые jQuery, также затронуты max-width, но по какой-то причине не будут делать то и другое. – jjfxx

Max-Width при использовании jQuery

ответ

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