zadatak - preuzimanje podataka o slikama

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
     $(document).ready(function(){
               var $imgs_info_div = $('<div style="position:absolute; left:50%; top:50%; width:200px; height:200px; background:#000; color:#fff;"></div>');
               var imgs_info = new Array();
               var cnt = 0;
               
               $('img').each(function(i, v){
                    imgs_info.push('Image number: ' + (i + 1) +
                                   ', Alt: ' + $(v).attr('alt') +
                                   ', Width: ' + v.width +
                                   ', Height: ' + v.height +
                                   ', src: ' + v.src);
               });

               $imgs_info_div.appendTo('body');
               
               print_img_info = function() {               
                    $imgs_info_div.text(imgs_info[cnt]);
                   
                    if(cnt < imgs_info.length - 1) {
                         cnt++;
                    }
                    else {
                         cnt = 0;
                    }
                   
                    setTimeout("print_img_info()", 1000);
               };
               
               print_img_info();
     });
</script>

<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
var intervalId,
     images = [],
     counter = 0;
function showImage(){
     if(counter < images.length){
          $('body').append($('<img/>', {src: images[counter++]}));
     } else {
          clearInterval(intervalId);
     }
}
function parseData(data){
     images = data.split('\n');
     intervalId = setInterval('showImage()', 1000);
}
$(document).ready(function(){
     $.get('images.txt', parseData, 'html');
});
</script>
</head>
<body>
</body>
</html>