Javascript-форум - Добавить вывод анимации загрузки в скрипт

Javascript-форум (https://javascript.ru/forum/)

- Общие вопросы Javascript (https://javascript.ru/forum/misc/)

- - Добавить вывод анимации загрузки в скрипт (https://javascript.ru/forum/misc/57840-dobavit-vyvod-animacii-zagruzki-v-skript.html)

Добавить вывод анимации загрузки в скрипт

Доброго времени суток! На просторах интернетов нашел скриптик

<head>
<script src="j/jquery-1.4.3.min.js"></script>
<meta charset=utf-8 />
<title>JS Bin</title>
  <script type='text/javascript'>
    $(function(){
	  $('#querystring').change(function(){
           var url = './' + $(this).val()+'.htm';
           $('iframe').attr('src',url);
       //  alert("iframe src: " + $('iframe').attr('src'));  
      });
    });
</script>
</head>
<body>
  <select id='querystring'>
    <option value="map">A</option>
    <option value="map">B</option>
    <option value="map">C</option>
    <option value="map">D</option>
  </select>
  <iframe src=''></iframe>
</body>
</html>

но хотелось бы сделать иконку лоадера при загрузке
<img id="loader" src="ajax-loading.gif" alt="Loading, Loading!">

кому не сложно подскажите пожалуйста)

iframe{background-image: url(ajax-loading.gif) no-repeat 50% 50%;}
iframe body{background-color: white;}

iframe{background-image

хром говорит Invalid propertie value
а может туда <img> добавить и потом от него как-то плясать...?

все решил, все работает) но вот слишком быстро данные грузятся, хотелось бы важности нагнать этим видом загрузки. можно ли сделать таймер чтоб подольше крутило ajax-loading.gif?

Из простых решений, обернуть в setTimeout.

$('iframe').attr('src','');//empty iframe
setTimeout( function (){
  $('iframe').attr('src',url);//load content
}, 2000);

Большое спасибо!!!:yes: