$(document).ready(function() { $("#aspnetForm img").load(function() { $(this).width(64); $(this).height(64); }); }); </script> "> $(document).ready(function() { $("#aspnetForm img").load(function() { $(this).width(64); $(this).height(64); }); }); </script> "> $(document).ready(function() { $("#aspnetForm img").load(function() { $(this).width(64); $(this).height(64); }); }); </script> " />

ширина и высота изображения jQuery не работают над IE

<script type="text/javascript">
     $(document).ready(function() {

         $("#aspnetForm img").load(function() {
             $(this).width(64);
             $(this).height(64);
         });
     });
</script>

 
                
                
                
                

It is working in Chrome, but not on IE. Please help me. My image is

html tag in database. I cleared striphtml method.

1
nl ja de
эти ссылки помогут вам stackoverflow.com/questions/3877027/…
добавлено автор sasi, источник

4 ответы

Попробуйте следующее:

Reference:http://api.jquery.com/load-event/

$(document).ready(function() {
    $("#aspnetForm img").load(function() {
        alert($(this).height());
        alert($(this).width());
    });
});

Here is another way to do this: DEMO

function imageSize(img){
   var theImage = new Image();
   theImage.src = img.attr('src');
   var imgwidth = $(img).width();
   var imgheight = $(img).height();

   alert(imgwidth);
   alert(imgheight);
}

$('img').each(function(){
    var imgsrc = jQuery(this);
    imageSize(imgsrc);
});
0
добавлено
Это событие load event img bind не будет работать в некоторых браузерах, например, в некоторых версиях Opera 11,12. Также, что происходит, если изображения несколько
добавлено автор kidwon, источник

Изображения еще не загружены в ready использование события $ (window) .load() вместо На ready загружена только структура DOM, но не реальные изображения. Это похоже на то, что у вас есть тег img , но еще не файл


ОК ваша проблема совершенно другая, вы ищете это, моя ошибка Вы просто хотите повторить некоторые изображения и сделать их 64x64, которые должны работать

$(document).ready(function() {
    $("#aspnetFилиm img").each(function() {
         $(this).width(64).height(64);
    });
});

или

$(document).ready(function() {
    $("#aspnetFилиm img").each(function() {
        $(this).css({width:64+'px',height:64+'px'});
    });
});

If you want to get the width of each image you should wait fили the img to load

 $(window).load(function() {
     var width, height;
     $("#aspnetFилиm img").each(function() {
         width = $(this).width();
         height = $(this).height();
         //stилиe the current img width или height или do whatever
     });
 });
0
добавлено
$ (window) .load() вместо $ (document) .ready() или вы можете поместить его внутри $ (document) .ready (function() {}) , если какая-то логика замыкания. Просто убедитесь, что логика размера изображений находится внутри $ (window) .load (function() {....})
добавлено автор kidwon, источник
Просто внимательно прочитайте, вы не делаете это правильно.
добавлено автор kidwon, источник
<script type = "text/javascript"> $ (document) .ready (function() {$ ("# aspnetForm img"). load (function() {$ (this) .width (64); $ (this) .hight (64);});});
добавлено автор david5, источник
как я могу это использовать ..
добавлено автор david5, источник
не работает..:(
добавлено автор david5, источник
<script type = "text/javascript"> $ (window) .ready (function() {$ ("# aspnetForm img"). load (function() {$ (this) .width (64); $ (this) .hight (64);});}); </script> заменить documen.ready на window.load chore тоже не работает .. :(
добавлено автор david5, источник

Не используйте .load() , он устарел.

Попробуйте это, нужно работать для всех браузеров:

$(document).ready(function() {
    $('#aspnetForm img').css('width', '64px')
                        .css('height', '64px');
});
0
добавлено
Они не одобряли это, это тоже сюрприз. ОК, к счастью, есть еще window.onload
добавлено автор kidwon, источник

Попробуйте это вместо этого:

$(document).ready(function() {
    $("#form img").css({"height":"64px","width":"64px"});
});   

The fiddle: http://jsfiddle.net/devWaleed/6eas3/4/

0
добавлено
это также должно работать, но метод «.each ()» медленнее, следует избегать этого, если вы можете
добавлено автор evilReiko, источник
также возможно: D
добавлено автор evilReiko, источник
или просто использовать CSS без javascript? :)
добавлено автор devWaleed, источник
Верстка сайтов HTML/CSS/JS/PHP
Верстка сайтов HTML/CSS/JS/PHP
3 439 участник(ов)

Правила группы: напишите !rules в чате. Группа Вк: vk.com/web_structure Freelancer: @web_fl Веб Дизайн: @dev_design Маркетолог: @topmarkening Автор: @M_Boroda

DotNetRuChat
DotNetRuChat
2 992 участник(ов)

Чат русскоязычного .NET сообщества http://dotnet.ru/ Вам могут быть интересны: @dotnetchat, @cilchat, @fsharp_chat, @pro_net, @xamarin_russia, @microsoftstackjobs, @uwp_ru Флуд в @dotnettalks

Microsoft Stack Jobs
Microsoft Stack Jobs
1 788 участник(ов)

Work & freelance only Microsoft Stack. Feed https://t.me/Microsoftstackjobsfeed Чат про F#: @Fsharp_chat Чат про C#: @CSharpChat Чат про Xamarin: @xamarin_russia Чат общения:@dotnettalks

pro.net
pro.net
710 участник(ов)

Обсуждение .NET Framework и всего, что с ним связано. Правила: не флудить не по теме, уважать ваших коллег и никакой рекламы (объявления о вакансиях можно согласовать с @AlexFails). Флудилка: @dotnettalks Участник @proDOT

Microsoft Developer Community Chat
Microsoft Developer Community Chat
584 участник(ов)

Чат для разработчиков и системных администраторов Microsoft Developer Community. __________ Новостной канал: @msdevru __________ Баним за: оскорбления, мат, рекламу, флуд, флейм, спам, NSFW контент, а также большое количество оффтоп тем. @banofbot

.NET Talks: Force Push Masters
.NET Talks: Force Push Masters
490 участник(ов)

Свободный чат .NET разработчиков. Правила: t.me/dotnettalks/56823 Вам могут быть интересны: @dotnetruchat, @dotnetchat, @cilchat, @fsharp_chat, @pro_net, @dotnetgroup, @xamarin_russia, @microsoftstackjobs, @uwp_ru http://combot.org/chat/-1001128250813

.NET Chat Убежище
.NET Chat Убежище
246 участник(ов)

Чат .NET разработчиков под эгидой MSK/SPB .NET Community Group Вам могут быть интересны: @fsharp_chat, @dotnetruchat, @cilchat, @xamarin_russia, @microsoftstackjobs, @dotnetgroup Флуд в @dotnettalks

.NET CIL Chat
.NET CIL Chat
54 участник(ов)

.NET CIL (aka IL aka MSIL)