diff --git a/js/ycp.js b/js/ycp.js
index 77ff978..75c6a6f 100644
--- a/js/ycp.js
+++ b/js/ycp.js
@@ -1,5 +1,5 @@
/******************************************************
-* #### jQuery-Youtube-Channels-Playlist v05 ####
+* #### jQuery-Youtube-Channels-Playlist v06 ####
* Coded by Ican Bachors 2014.
* http://ibacor.com/labs/jquery-youtube-channels-playlist/
* Updates will be posted to this site.
@@ -18,19 +18,20 @@ $.fn.ycp = function(opt) {
$(this).each(function(i, a) {
var b = ($(this).attr('id') != null && $(this).attr('id') != undefined ? '#' + $(this).attr('id') : '.' + $(this).attr('class')),
- channel = $(this).data('ycp'),
+ title = ($(this).data('ycp_title') == undefined ? 'YCP.js' : $(this).data('ycp_title')),
+ channel = $(this).data('ycp_channel'),
html = '
';
$.each(c.items, function(i, a) {
var b = c.items[i].snippet.resourceId.videoId;
ycp_part(b, i, k, l);
@@ -63,22 +65,27 @@ $.fn.ycp = function(opt) {
var e = $(l + ' .ycp div#ycp_youtube_channels' + k + ' div.play').attr("data-vvv"),
imag = $(l + ' .ycp div#ycp_youtube_channels' + k + ' div.play').attr("data-img");
if(opt.autoplay == false){
- $(l + ' .ycp div.ycp_vid_play:eq(' + k + ')').html('
');
+ $(l + ' .ycp div.ycp_vid_play:eq(' + k + ')').html('
Play');
+ $(l + ' .ycp div.kenca:eq(' + k + ')').css('background', 'url(' + imag + ') no-repeat');
+ $(l + ' .ycp div.kenca:eq(' + k + ')').css('-webkit-background-size', 'cover');
+ $(l + ' .ycp div.kenca:eq(' + k + ')').css('-moz-background-size', 'cover');
+ $(l + ' .ycp div.kenca:eq(' + k + ')').css('-o-background-size', 'cover');
+ $(l + ' .ycp div.kenca:eq(' + k + ')').css('background-size', 'cover');
}else{
- $(l + ' .ycp div.ycp_vid_play:eq(' + k + ')').html('
');
+ $(l + ' .ycp div.ycp_vid_play:eq(' + k + ')').html('
');
}
$(l + ' .ycp div#ycp_youtube_channels' + k + ' div').removeClass('vid-active');
$(l + ' .ycp div#ycp_youtube_channels' + k + ' div.play:eq(0)').addClass('vid-active')
} else {
$(l + ' .ycp div#ycp_youtube_channels' + k + ' span.vid-prev').click(function() {
g = c.prevPageToken;
- ycp_list(f, g, k, l);
+ ycp_list(title, f, g, k, l);
return false
})
}
$(l + ' .ycp div#ycp_youtube_channels' + k + ' span.vid-next').click(function() {
g = c.nextPageToken;
- ycp_list(f, g, k, l);
+ ycp_list(title, f, g, k, l);
return false
});
$(l + ' .ycp div#ycp_youtube_channels' + k + ' div.play').each(function() {
@@ -88,16 +95,21 @@ $.fn.ycp = function(opt) {
$(l + ' .ycp div#ycp_youtube_channels' + k + ' div').removeClass('vid-active');
$(this).addClass('vid-active');
if(opt.autoplay == false){
- $(l + ' .ycp div.ycp_vid_play:eq(' + k + ')').html('
');
+ $(l + ' .ycp div.ycp_vid_play:eq(' + k + ')').html('
Play');
+ $(l + ' .ycp div.kenca:eq(' + k + ')').css('background', 'url(' + m + ') no-repeat');
+ $(l + ' .ycp div.kenca:eq(' + k + ')').css('-webkit-background-size', 'cover');
+ $(l + ' .ycp div.kenca:eq(' + k + ')').css('-moz-background-size', 'cover');
+ $(l + ' .ycp div.kenca:eq(' + k + ')').css('-o-background-size', 'cover');
+ $(l + ' .ycp div.kenca:eq(' + k + ')').css('background-size', 'cover');
}else{
- $(l + ' .ycp div.ycp_vid_play:eq(' + k + ')').html('
');
+ $(l + ' .ycp div.ycp_vid_play:eq(' + k + ')').html('
');
}
return false
})
});
$(l + ' .ycp div.ycp_vid_play:eq(' + k + ')').click(function() {
var a = $(l + ' .ycp div#ycp_youtube_channels' + k + ' div.play.vid-active').attr("data-vvv");
- $(this).html('
');
+ $(this).html('
');
return false
});
})