Файл: templates/frontend/dark-red/js/jquery.rotator.js
Строк: 69
<?php
var timers = new Array;
var images = new Array;
function changeThumb( id, url )
{
document.getElementById(id).src = url;
}
function thumb_path( vid ) {
var index = parseInt( (vid - 1) / max_thumb_folders );
var tmb_folder = 'tmb';
if ( index !== 0 ) {
tmb_folder = 'tmb'+ index;
}
var path = base_url + '/media/videos/' + tmb_folder;
return path;
}
$(document).ready(function() {
$("body").on('mouseenter', "[id*='playvthumb_']", function(event) {
var img = $(this).find('img:first');
if (!img.hasClass("img-private")) {
var image_id = $(this).attr("id");
var id_split = image_id.split('_');
var video_id = id_split[1];
var video = $('<video style="width:100%; height:100%; position:absolute; top:0; left:0;" class="img-fluid" muted autoplay loop>');
var content = '<source type="video/webm" src="'+thumb_path(video_id) + '/' + video_id + '/video.webm"></source>';
content = content + '<source type="video/mp4" src="'+thumb_path(video_id) + '/' + video_id + '/video.mp4"></source>';
$(video).append(content);
$(video).hide();
var vloader = $('<span class="vloader">');
var target = $(this).find('img:first');
$(target).after($(video));$(video).after($(vloader));
$( ".vloader" ).animate({ width: '100%',}, 2000, function() {$( ".vloader" ).fadeOut();});
$("#thumbPlayer").css('visibility','visible');
var vid = $(video)[0];
vid.load();
vid.oncanplay = function(){
vid.play();
};
$(vid).on('play', function() {
$(video).fadeIn();
});
}
});
$("body").on('mouseleave', "[id*='playvthumb_']", function(event) {
var target = $(this).find('video');
var img = $(this).find('img:first');
$(target).remove();$(this).find('.vloader').remove(); $(img).show();
});
$("body").on('mouseover', "img[id*='rotate_']", function(event) {
var image_id = $(this).attr("id");
var id_split = image_id.split('_');
var video_id = id_split[1];
var thumbs = id_split[2];
if (typeof thumbs == "undefined") {
thumbs = 20;
}
for ( var i=1; i<=thumbs; i++ ) {
var image_url = thumb_path(video_id) + '/' + video_id + '/' + i + '.jpg';
images[i] = new Image();
images[i].src = image_url;
}
for ( var i=1; i<=thumbs; i++ ) {
timers[i] = setTimeout("changeThumb('" + image_id + "','" + thumb_path(video_id) + '/' + video_id + '/' + i + '.jpg' + "')", i*50*10);
}
}).on('mouseout', "img[id*='rotate_']", function(event) {
var image_id = $(this).attr("id");
var id_split = image_id.split('_');
var video_id = id_split[1];
var thumbs = id_split[2];
var def_thumb = id_split[3];
if (typeof thumbs == "undefined") {
thumbs = 20;
}
for ( var i=1; i<=thumbs; i++ ) {
if ( typeof timers[i] == "number" ) {
clearTimeout(timers[i]);
}
}
if ( $.isNumeric(def_thumb) )
$(this).attr('src', thumb_path(video_id) + '/' + video_id + '/' + def_thumb + '.jpg');
else
$(this).attr('src', thumb_path(video_id) + '/' + video_id + '/1.jpg');
});
});
?>