Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770
Форумы портала PHP.SU :: Версия для печати :: высота блока
Форумы портала PHP.SU » Клиентская разработка » JavaScript & VBScript » высота блока

Страниц (1): [1]
 

1. tato - 21 Января, 2013 - 13:35:20 - перейти к сообщению
Добра всем!

Ajax'ом подружаются картинки N штук, например 3.
CODE (javascript):
скопировать код в буфер обмена
  1.  
  2. ...
  3. var wrap = $('#wrap');
  4. $.post('/getImagesForSlider',function(response){
  5.     if(response.statusCode == 0){
  6.         $.each(response.data,function(index,img){
  7.             wrap.append('<img src="'+img+'" alt="'+img+'" />');
  8.         });
  9.          // тут проблемка
  10.         console.log( slider.height() );
  11.     }
  12. },'json');
  13. ...
  14.  


Общая высота картинок для теста ~2000px, но в консоль выводит только 60px.
Так и не нашел в чем "фича".
2. IllusionMH - 21 Января, 2013 - 20:36:32 - перейти к сообщению
tato, есть мнение, что картинки не успевают подгрузится.
необходимо создать объект
CODE (javascript):
скопировать код в буфер обмена
  1. var img = new Image();

задать ему соответствующие свойства и обработчик события onload, и уже в обработчике событий проверять высоту
3. armancho7777777 - 22 Января, 2013 - 03:25:58 - перейти к сообщению
CODE (javascript):
скопировать код в буфер обмена
  1.  
  2. // ....
  3.  
  4. wrap.append('<img src="' + img + '" alt="' + img + '"/>')
  5.     .find('img')
  6.     .load(function(){
  7.        
  8.             console.log( slider.height());
  9.        
  10.     });
  11.  
  12. // ....
  13.  

 

Powered by ExBB FM 1.0 RC1