2013-03-17 2 views
0

Есть ли способ добавить эскизы и представления к этому каналу? Подача hereКак добавить эскизы и изображения

И вот часть кода, которая нуждается в трансформации.

<script> 
$(document).ready(function(){ 
    $("button").click(function(){ 
     $("body").append("<div id = 'data'><ul>jffnfjnkj</ul></div>"); 
     var dataContainer = $("#data ul"); 
     $.ajax({ 
      url:'http://gdata.youtube.com/feeds/api/users/sony/uploads?alt=jsonc&v=2&callback=?', 
      dataType: "jsonp", 
      timeout: 5000, 
      success: function(data){ 

        $.each(data.data.items, 
           function(i, val) { 

           if (typeof(val.player) !== 'undefined' && typeof(val.title) !== 'undefined') { 
            dataContainer.append('<li><a href='+val.player["default"]+' target="_blank">'+val.title+'</a></li>'); 
           } 
         }); 
        } 
       }); 
      }); 
}); 
</script> 

ответ

0

Легко, как этот

dataContainer.append('<li><img src="'+val.thumbnail.sqDefault+'" width="120" height="90" alt="'+val.title+'"/><a href='+val.player["default"]+' target="_blank">'+val.title+'</a>Views '+val.viewCount+'</li>'); 

Titel выше и ниже просмотров превью

dataContainer.append('<li><a href='+val.player["default"]+' target="_blank">'+val.title+'</a><br /><img src="'+val.thumbnail.sqDefault+'" width="120" height="90" alt="'+val.title+'"/><br />Views '+val.viewCount+'</li>'); 
+0

Это работает. есть ли способ, чтобы заголовок отображался над эскизом, а представления отображаются под миниатюрами? – rep97

+0

Несомненно. посмотрите на ответ – ceasar

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