mirror of
https://gitea.msk.dinamika-avia.ru/Constanta-Design/region-edoc.git
synced 2026-01-24 12:35:39 +03:00
Поправлена структура, разделы в подразделы до 3.3
This commit is contained in:
@@ -0,0 +1,243 @@
|
||||
/*
|
||||
* CirclePlayer for the jPlayer Plugin (jQuery)
|
||||
* http://www.jplayer.org
|
||||
*
|
||||
* Copyright (c) 2009 - 2012 Happyworm Ltd
|
||||
* Dual licensed under the MIT and GPL licenses.
|
||||
* - http://www.opensource.org/licenses/mit-license.php
|
||||
* - http://www.gnu.org/copyleft/gpl.html
|
||||
*
|
||||
* Version: 1.0.1 (jPlayer 2.1.0+)
|
||||
* Date: 30th May 2011
|
||||
*
|
||||
* Author: Mark J Panaghiston @thepag
|
||||
*
|
||||
* CirclePlayer prototype developed by:
|
||||
* Mark Boas @maboa
|
||||
* Silvia Benvenuti @aulentina
|
||||
* Jussi Kalliokoski @quinirill
|
||||
*
|
||||
* Inspired by :
|
||||
* Neway @imneway http://imneway.net/ http://forrst.com/posts/Untitled-CPt
|
||||
* and
|
||||
* Liam McKay @liammckay http://dribbble.com/shots/50882-Purple-Play-Pause
|
||||
*
|
||||
* Standing on the shoulders of :
|
||||
* John Resig @jresig
|
||||
* Mark Panaghiston @thepag
|
||||
* Louis-Rémi Babé @Louis_Remi
|
||||
*/
|
||||
|
||||
|
||||
var CirclePlayer = function(jPlayerSelector, media, options) {
|
||||
var self = this,
|
||||
|
||||
defaults = {
|
||||
// solution: "flash, html", // For testing Flash with CSS3
|
||||
supplied: "m4a, oga",
|
||||
// Android 2.3 corrupts media element if preload:"none" is used.
|
||||
// preload: "none", // No point preloading metadata since no times are displayed. It helps keep the buffer state correct too.
|
||||
cssSelectorAncestor: "#cp_container_1",
|
||||
cssSelector: {
|
||||
play: ".cp-play",
|
||||
pause: ".cp-pause"
|
||||
}
|
||||
},
|
||||
|
||||
cssSelector = {
|
||||
bufferHolder: ".cp-buffer-holder",
|
||||
buffer1: ".cp-buffer-1",
|
||||
buffer2: ".cp-buffer-2",
|
||||
progressHolder: ".cp-progress-holder",
|
||||
progress1: ".cp-progress-1",
|
||||
progress2: ".cp-progress-2",
|
||||
circleControl: ".cp-circle-control"
|
||||
};
|
||||
|
||||
this.cssClass = {
|
||||
gt50: "cp-gt50",
|
||||
fallback: "cp-fallback"
|
||||
};
|
||||
|
||||
this.spritePitch = 104;
|
||||
this.spriteRatio = 0.24; // Number of steps / 100
|
||||
|
||||
this.player = $(jPlayerSelector);
|
||||
this.media = $.extend({}, media);
|
||||
this.options = $.extend(true, {}, defaults, options); // Deep copy
|
||||
|
||||
this.cssTransforms = Modernizr.csstransforms;
|
||||
this.audio = {};
|
||||
this.dragging = false; // Indicates if the progressbar is being 'dragged'.
|
||||
|
||||
this.eventNamespace = ".CirclePlayer"; // So the events can easily be removed in destroy.
|
||||
|
||||
this.jq = {};
|
||||
$.each(cssSelector, function(entity, cssSel) {
|
||||
self.jq[entity] = $(self.options.cssSelectorAncestor + " " + cssSel);
|
||||
});
|
||||
|
||||
this._initSolution();
|
||||
this._initPlayer();
|
||||
};
|
||||
|
||||
CirclePlayer.prototype = {
|
||||
_createHtml: function() {
|
||||
},
|
||||
_initPlayer: function() {
|
||||
var self = this;
|
||||
this.player.jPlayer(this.options);
|
||||
|
||||
this.player.bind($.jPlayer.event.ready + this.eventNamespace, function(event) {
|
||||
if(event.jPlayer.html.used && event.jPlayer.html.audio.available) {
|
||||
self.audio = $(this).data("jPlayer").htmlElement.audio;
|
||||
}
|
||||
$(this).jPlayer("setMedia", self.media);
|
||||
self._initCircleControl();
|
||||
});
|
||||
|
||||
this.player.bind($.jPlayer.event.play + this.eventNamespace, function(event) {
|
||||
$(this).jPlayer("pauseOthers");
|
||||
});
|
||||
|
||||
// This event fired as play time increments
|
||||
this.player.bind($.jPlayer.event.timeupdate + this.eventNamespace, function(event) {
|
||||
if (!self.dragging) {
|
||||
self._timeupdate(event.jPlayer.status.currentPercentAbsolute);
|
||||
}
|
||||
});
|
||||
|
||||
// This event fired as buffered time increments
|
||||
this.player.bind($.jPlayer.event.progress + this.eventNamespace, function(event) {
|
||||
var percent = 0;
|
||||
if((typeof self.audio.buffered === "object") && (self.audio.buffered.length > 0)) {
|
||||
if(self.audio.duration > 0) {
|
||||
var bufferTime = 0;
|
||||
for(var i = 0; i < self.audio.buffered.length; i++) {
|
||||
bufferTime += self.audio.buffered.end(i) - self.audio.buffered.start(i);
|
||||
// console.log(i + " | start = " + self.audio.buffered.start(i) + " | end = " + self.audio.buffered.end(i) + " | bufferTime = " + bufferTime + " | duration = " + self.audio.duration);
|
||||
}
|
||||
percent = 100 * bufferTime / self.audio.duration;
|
||||
} // else the Metadata has not been read yet.
|
||||
// console.log("percent = " + percent);
|
||||
} else { // Fallback if buffered not supported
|
||||
// percent = event.jPlayer.status.seekPercent;
|
||||
percent = 0; // Cleans up the inital conditions on all browsers, since seekPercent defaults to 100 when object is undefined.
|
||||
}
|
||||
self._progress(percent); // Problem here at initial condition. Due to the Opera clause above of buffered.length > 0 above... Removing it means Opera's white buffer ring never shows like with polyfill.
|
||||
// Firefox 4 does not always give the final progress event when buffered = 100%
|
||||
});
|
||||
|
||||
this.player.bind($.jPlayer.event.ended + this.eventNamespace, function(event) {
|
||||
self._resetSolution();
|
||||
});
|
||||
},
|
||||
_initSolution: function() {
|
||||
if (this.cssTransforms) {
|
||||
this.jq.progressHolder.show();
|
||||
this.jq.bufferHolder.show();
|
||||
}
|
||||
else {
|
||||
this.jq.progressHolder.addClass(this.cssClass.gt50).show();
|
||||
this.jq.progress1.addClass(this.cssClass.fallback);
|
||||
this.jq.progress2.hide();
|
||||
this.jq.bufferHolder.hide();
|
||||
}
|
||||
this._resetSolution();
|
||||
},
|
||||
_resetSolution: function() {
|
||||
if (this.cssTransforms) {
|
||||
this.jq.progressHolder.removeClass(this.cssClass.gt50);
|
||||
this.jq.progress1.css({'transform': 'rotate(0deg)'});
|
||||
this.jq.progress2.css({'transform': 'rotate(0deg)'}).hide();
|
||||
}
|
||||
else {
|
||||
this.jq.progress1.css('background-position', '0 ' + this.spritePitch + 'px');
|
||||
}
|
||||
},
|
||||
_initCircleControl: function() {
|
||||
var self = this;
|
||||
this.jq.circleControl.grab({
|
||||
onstart: function(){
|
||||
self.dragging = true;
|
||||
}, onmove: function(event){
|
||||
var pc = self._getArcPercent(event.position.x, event.position.y);
|
||||
self.player.jPlayer("playHead", pc).jPlayer("play");
|
||||
self._timeupdate(pc);
|
||||
}, onfinish: function(event){
|
||||
self.dragging = false;
|
||||
var pc = self._getArcPercent(event.position.x, event.position.y);
|
||||
self.player.jPlayer("playHead", pc).jPlayer("play");
|
||||
}
|
||||
});
|
||||
},
|
||||
_timeupdate: function(percent) {
|
||||
var degs = percent * 3.6+"deg";
|
||||
|
||||
var spriteOffset = (Math.floor((Math.round(percent))*this.spriteRatio)-1)*-this.spritePitch;
|
||||
|
||||
if (percent <= 50) {
|
||||
if (this.cssTransforms) {
|
||||
this.jq.progressHolder.removeClass(this.cssClass.gt50);
|
||||
this.jq.progress1.css({'transform': 'rotate(' + degs + ')'});
|
||||
this.jq.progress2.hide();
|
||||
} else { // fall back
|
||||
this.jq.progress1.css('background-position', '0 '+spriteOffset+'px');
|
||||
}
|
||||
} else if (percent <= 100) {
|
||||
if (this.cssTransforms) {
|
||||
this.jq.progressHolder.addClass(this.cssClass.gt50);
|
||||
this.jq.progress1.css({'transform': 'rotate(180deg)'});
|
||||
this.jq.progress2.css({'transform': 'rotate(' + degs + ')'});
|
||||
this.jq.progress2.show();
|
||||
} else { // fall back
|
||||
this.jq.progress1.css('background-position', '0 '+spriteOffset+'px');
|
||||
}
|
||||
}
|
||||
},
|
||||
_progress: function(percent) {
|
||||
var degs = percent * 3.6+"deg";
|
||||
|
||||
if (this.cssTransforms) {
|
||||
if (percent <= 50) {
|
||||
this.jq.bufferHolder.removeClass(this.cssClass.gt50);
|
||||
this.jq.buffer1.css({'transform': 'rotate(' + degs + ')'});
|
||||
this.jq.buffer2.hide();
|
||||
} else if (percent <= 100) {
|
||||
this.jq.bufferHolder.addClass(this.cssClass.gt50);
|
||||
this.jq.buffer1.css({'transform': 'rotate(180deg)'});
|
||||
this.jq.buffer2.show();
|
||||
this.jq.buffer2.css({'transform': 'rotate(' + degs + ')'});
|
||||
}
|
||||
}
|
||||
},
|
||||
_getArcPercent: function(pageX, pageY) {
|
||||
var offset = this.jq.circleControl.offset(),
|
||||
x = pageX - offset.left - this.jq.circleControl.width()/2,
|
||||
y = pageY - offset.top - this.jq.circleControl.height()/2,
|
||||
theta = Math.atan2(y,x);
|
||||
|
||||
if (theta > -1 * Math.PI && theta < -0.5 * Math.PI) {
|
||||
theta = 2 * Math.PI + theta;
|
||||
}
|
||||
|
||||
// theta is now value between -0.5PI and 1.5PI
|
||||
// ready to be normalized and applied
|
||||
|
||||
return (theta + Math.PI / 2) / 2 * Math.PI * 10;
|
||||
},
|
||||
setMedia: function(media) {
|
||||
this.media = $.extend({}, media);
|
||||
this.player.jPlayer("setMedia", this.media);
|
||||
},
|
||||
play: function(time) {
|
||||
this.player.jPlayer("play", time);
|
||||
},
|
||||
pause: function(time) {
|
||||
this.player.jPlayer("pause", time);
|
||||
},
|
||||
destroy: function() {
|
||||
this.player.unbind(this.eventNamespace);
|
||||
this.player.jPlayer("destroy");
|
||||
}
|
||||
};
|
||||
@@ -0,0 +1,201 @@
|
||||
/*
|
||||
jQuery grab
|
||||
https://github.com/jussi-kalliokoski/jQuery.grab
|
||||
Ported from Jin.js::gestures
|
||||
https://github.com/jussi-kalliokoski/jin.js/
|
||||
Created by Jussi Kalliokoski
|
||||
Licensed under MIT License.
|
||||
|
||||
Includes fix for IE
|
||||
*/
|
||||
|
||||
|
||||
(function($){
|
||||
var extend = $.extend,
|
||||
mousedown = 'mousedown',
|
||||
mousemove = 'mousemove',
|
||||
mouseup = 'mouseup',
|
||||
touchstart = 'touchstart',
|
||||
touchmove = 'touchmove',
|
||||
touchend = 'touchend',
|
||||
touchcancel = 'touchcancel';
|
||||
|
||||
function unbind(elem, type, func){
|
||||
if (type.substr(0,5) !== 'touch'){ // A temporary fix for IE8 data passing problem in Jin.
|
||||
return $(elem).unbind(type, func);
|
||||
}
|
||||
var fnc, i;
|
||||
for (i=0; i<bind._binds.length; i++){
|
||||
if (bind._binds[i].elem === elem && bind._binds[i].type === type && bind._binds[i].func === func){
|
||||
if (document.addEventListener){
|
||||
elem.removeEventListener(type, bind._binds[i].fnc, false);
|
||||
} else {
|
||||
elem.detachEvent('on'+type, bind._binds[i].fnc);
|
||||
}
|
||||
bind._binds.splice(i--, 1);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function bind(elem, type, func, pass){
|
||||
if (type.substr(0,5) !== 'touch'){ // A temporary fix for IE8 data passing problem in Jin.
|
||||
return $(elem).bind(type, pass, func);
|
||||
}
|
||||
var fnc, i;
|
||||
if (bind[type]){
|
||||
return bind[type].bind(elem, type, func, pass);
|
||||
}
|
||||
fnc = function(e){
|
||||
if (!e){ // Fix some ie bugs...
|
||||
e = window.event;
|
||||
}
|
||||
if (!e.stopPropagation){
|
||||
e.stopPropagation = function(){ this.cancelBubble = true; };
|
||||
}
|
||||
e.data = pass;
|
||||
func.call(elem, e);
|
||||
};
|
||||
if (document.addEventListener){
|
||||
elem.addEventListener(type, fnc, false);
|
||||
} else {
|
||||
elem.attachEvent('on' + type, fnc);
|
||||
}
|
||||
bind._binds.push({elem: elem, type: type, func: func, fnc: fnc});
|
||||
}
|
||||
|
||||
function grab(elem, options)
|
||||
{
|
||||
var data = {
|
||||
move: {x: 0, y: 0},
|
||||
offset: {x: 0, y: 0},
|
||||
position: {x: 0, y: 0},
|
||||
start: {x: 0, y: 0},
|
||||
affects: document.documentElement,
|
||||
stopPropagation: false,
|
||||
preventDefault: true,
|
||||
touch: true // Implementation unfinished, and doesn't support multitouch
|
||||
};
|
||||
extend(data, options);
|
||||
data.element = elem;
|
||||
bind(elem, mousedown, mouseDown, data);
|
||||
if (data.touch){
|
||||
bind(elem, touchstart, touchStart, data);
|
||||
}
|
||||
}
|
||||
function ungrab(elem){
|
||||
unbind(elem, mousedown, mousedown);
|
||||
}
|
||||
function mouseDown(e){
|
||||
e.data.position.x = e.pageX;
|
||||
e.data.position.y = e.pageY;
|
||||
e.data.start.x = e.pageX;
|
||||
e.data.start.y = e.pageY;
|
||||
e.data.event = e;
|
||||
if (e.data.onstart && e.data.onstart.call(e.data.element, e.data)){
|
||||
return;
|
||||
}
|
||||
if (e.preventDefault && e.data.preventDefault){
|
||||
e.preventDefault();
|
||||
}
|
||||
if (e.stopPropagation && e.data.stopPropagation){
|
||||
e.stopPropagation();
|
||||
}
|
||||
bind(e.data.affects, mousemove, mouseMove, e.data);
|
||||
bind(e.data.affects, mouseup, mouseUp, e.data);
|
||||
}
|
||||
function mouseMove(e){
|
||||
if (e.preventDefault && e.data.preventDefault){
|
||||
e.preventDefault();
|
||||
}
|
||||
if (e.stopPropagation && e.data.preventDefault){
|
||||
e.stopPropagation();
|
||||
}
|
||||
e.data.move.x = e.pageX - e.data.position.x;
|
||||
e.data.move.y = e.pageY - e.data.position.y;
|
||||
e.data.position.x = e.pageX;
|
||||
e.data.position.y = e.pageY;
|
||||
e.data.offset.x = e.pageX - e.data.start.x;
|
||||
e.data.offset.y = e.pageY - e.data.start.y;
|
||||
e.data.event = e;
|
||||
if (e.data.onmove){
|
||||
e.data.onmove.call(e.data.element, e.data);
|
||||
}
|
||||
}
|
||||
function mouseUp(e){
|
||||
if (e.preventDefault && e.data.preventDefault){
|
||||
e.preventDefault();
|
||||
}
|
||||
if (e.stopPropagation && e.data.stopPropagation){
|
||||
e.stopPropagation();
|
||||
}
|
||||
unbind(e.data.affects, mousemove, mouseMove);
|
||||
unbind(e.data.affects, mouseup, mouseUp);
|
||||
e.data.event = e;
|
||||
if (e.data.onfinish){
|
||||
e.data.onfinish.call(e.data.element, e.data);
|
||||
}
|
||||
}
|
||||
function touchStart(e){
|
||||
e.data.position.x = e.touches[0].pageX;
|
||||
e.data.position.y = e.touches[0].pageY;
|
||||
e.data.start.x = e.touches[0].pageX;
|
||||
e.data.start.y = e.touches[0].pageY;
|
||||
e.data.event = e;
|
||||
if (e.data.onstart && e.data.onstart.call(e.data.element, e.data)){
|
||||
return;
|
||||
}
|
||||
if (e.preventDefault && e.data.preventDefault){
|
||||
e.preventDefault();
|
||||
}
|
||||
if (e.stopPropagation && e.data.stopPropagation){
|
||||
e.stopPropagation();
|
||||
}
|
||||
bind(e.data.affects, touchmove, touchMove, e.data);
|
||||
bind(e.data.affects, touchend, touchEnd, e.data);
|
||||
}
|
||||
function touchMove(e){
|
||||
if (e.preventDefault && e.data.preventDefault){
|
||||
e.preventDefault();
|
||||
}
|
||||
if (e.stopPropagation && e.data.stopPropagation){
|
||||
e.stopPropagation();
|
||||
}
|
||||
e.data.move.x = e.touches[0].pageX - e.data.position.x;
|
||||
e.data.move.y = e.touches[0].pageY - e.data.position.y;
|
||||
e.data.position.x = e.touches[0].pageX;
|
||||
e.data.position.y = e.touches[0].pageY;
|
||||
e.data.offset.x = e.touches[0].pageX - e.data.start.x;
|
||||
e.data.offset.y = e.touches[0].pageY - e.data.start.y;
|
||||
e.data.event = e;
|
||||
if (e.data.onmove){
|
||||
e.data.onmove.call(e.data.elem, e.data);
|
||||
}
|
||||
}
|
||||
function touchEnd(e){
|
||||
if (e.preventDefault && e.data.preventDefault){
|
||||
e.preventDefault();
|
||||
}
|
||||
if (e.stopPropagation && e.data.stopPropagation){
|
||||
e.stopPropagation();
|
||||
}
|
||||
unbind(e.data.affects, touchmove, touchMove);
|
||||
unbind(e.data.affects, touchend, touchEnd);
|
||||
e.data.event = e;
|
||||
if (e.data.onfinish){
|
||||
e.data.onfinish.call(e.data.element, e.data);
|
||||
}
|
||||
}
|
||||
|
||||
bind._binds = [];
|
||||
|
||||
$.fn.grab = function(a, b){
|
||||
return this.each(function(){
|
||||
return grab(this, a, b);
|
||||
});
|
||||
};
|
||||
$.fn.ungrab = function(a){
|
||||
return this.each(function(){
|
||||
return ungrab(this, a);
|
||||
});
|
||||
};
|
||||
})(jQuery);
|
||||
@@ -0,0 +1,551 @@
|
||||
/*
|
||||
* transform: A jQuery cssHooks adding cross-browser 2d transform capabilities to $.fn.css() and $.fn.animate()
|
||||
*
|
||||
* limitations:
|
||||
* - requires jQuery 1.4.3+
|
||||
* - Should you use the *translate* property, then your elements need to be absolutely positionned in a relatively positionned wrapper **or it will fail in IE678**.
|
||||
* - transformOrigin is not accessible
|
||||
*
|
||||
* latest version and complete README available on Github:
|
||||
* https://github.com/louisremi/jquery.transform.js
|
||||
*
|
||||
* Copyright 2011 @louis_remi
|
||||
* Licensed under the MIT license.
|
||||
*
|
||||
* This saved you an hour of work?
|
||||
* Send me music http://www.amazon.co.uk/wishlist/HNTU0468LQON
|
||||
*
|
||||
*/
|
||||
(function( $, window, document, Math, undefined ) {
|
||||
|
||||
/*
|
||||
* Feature tests and global variables
|
||||
*/
|
||||
var div = document.createElement("div"),
|
||||
divStyle = div.style,
|
||||
suffix = "Transform",
|
||||
testProperties = [
|
||||
"O" + suffix,
|
||||
"ms" + suffix,
|
||||
"Webkit" + suffix,
|
||||
"Moz" + suffix
|
||||
],
|
||||
i = testProperties.length,
|
||||
supportProperty,
|
||||
supportMatrixFilter,
|
||||
supportFloat32Array = "Float32Array" in window,
|
||||
propertyHook,
|
||||
propertyGet,
|
||||
rMatrix = /Matrix([^)]*)/,
|
||||
rAffine = /^\s*matrix\(\s*1\s*,\s*0\s*,\s*0\s*,\s*1\s*(?:,\s*0(?:px)?\s*){2}\)\s*$/,
|
||||
_transform = "transform",
|
||||
_transformOrigin = "transformOrigin",
|
||||
_translate = "translate",
|
||||
_rotate = "rotate",
|
||||
_scale = "scale",
|
||||
_skew = "skew",
|
||||
_matrix = "matrix";
|
||||
|
||||
// test different vendor prefixes of these properties
|
||||
while ( i-- ) {
|
||||
if ( testProperties[i] in divStyle ) {
|
||||
$.support[_transform] = supportProperty = testProperties[i];
|
||||
$.support[_transformOrigin] = supportProperty + "Origin";
|
||||
continue;
|
||||
}
|
||||
}
|
||||
// IE678 alternative
|
||||
if ( !supportProperty ) {
|
||||
$.support.matrixFilter = supportMatrixFilter = divStyle.filter === "";
|
||||
}
|
||||
|
||||
// px isn't the default unit of these properties
|
||||
$.cssNumber[_transform] = $.cssNumber[_transformOrigin] = true;
|
||||
|
||||
/*
|
||||
* fn.css() hooks
|
||||
*/
|
||||
if ( supportProperty && supportProperty != _transform ) {
|
||||
// Modern browsers can use jQuery.cssProps as a basic hook
|
||||
$.cssProps[_transform] = supportProperty;
|
||||
$.cssProps[_transformOrigin] = supportProperty + "Origin";
|
||||
|
||||
// Firefox needs a complete hook because it stuffs matrix with "px"
|
||||
if ( supportProperty == "Moz" + suffix ) {
|
||||
propertyHook = {
|
||||
get: function( elem, computed ) {
|
||||
return (computed ?
|
||||
// remove "px" from the computed matrix
|
||||
$.css( elem, supportProperty ).split("px").join(""):
|
||||
elem.style[supportProperty]
|
||||
);
|
||||
},
|
||||
set: function( elem, value ) {
|
||||
// add "px" to matrices
|
||||
elem.style[supportProperty] = /matrix\([^)p]*\)/.test(value) ?
|
||||
value.replace(/matrix((?:[^,]*,){4})([^,]*),([^)]*)/, _matrix+"$1$2px,$3px"):
|
||||
value;
|
||||
}
|
||||
};
|
||||
/* Fix two jQuery bugs still present in 1.5.1
|
||||
* - rupper is incompatible with IE9, see http://jqbug.com/8346
|
||||
* - jQuery.css is not really jQuery.cssProps aware, see http://jqbug.com/8402
|
||||
*/
|
||||
} else if ( /^1\.[0-5](?:\.|$)/.test($.fn.jquery) ) {
|
||||
propertyHook = {
|
||||
get: function( elem, computed ) {
|
||||
return (computed ?
|
||||
$.css( elem, supportProperty.replace(/^ms/, "Ms") ):
|
||||
elem.style[supportProperty]
|
||||
);
|
||||
}
|
||||
};
|
||||
}
|
||||
/* TODO: leverage hardware acceleration of 3d transform in Webkit only
|
||||
else if ( supportProperty == "Webkit" + suffix && support3dTransform ) {
|
||||
propertyHook = {
|
||||
set: function( elem, value ) {
|
||||
elem.style[supportProperty] =
|
||||
value.replace();
|
||||
}
|
||||
}
|
||||
}*/
|
||||
|
||||
} else if ( supportMatrixFilter ) {
|
||||
propertyHook = {
|
||||
get: function( elem, computed, asArray ) {
|
||||
var elemStyle = ( computed && elem.currentStyle ? elem.currentStyle : elem.style ),
|
||||
matrix, data;
|
||||
|
||||
if ( elemStyle && rMatrix.test( elemStyle.filter ) ) {
|
||||
matrix = RegExp.$1.split(",");
|
||||
matrix = [
|
||||
matrix[0].split("=")[1],
|
||||
matrix[2].split("=")[1],
|
||||
matrix[1].split("=")[1],
|
||||
matrix[3].split("=")[1]
|
||||
];
|
||||
} else {
|
||||
matrix = [1,0,0,1];
|
||||
}
|
||||
|
||||
if ( ! $.cssHooks[_transformOrigin] ) {
|
||||
matrix[4] = elemStyle ? parseInt(elemStyle.left, 10) || 0 : 0;
|
||||
matrix[5] = elemStyle ? parseInt(elemStyle.top, 10) || 0 : 0;
|
||||
|
||||
} else {
|
||||
data = $._data( elem, "transformTranslate", undefined );
|
||||
matrix[4] = data ? data[0] : 0;
|
||||
matrix[5] = data ? data[1] : 0;
|
||||
}
|
||||
|
||||
return asArray ? matrix : _matrix+"(" + matrix + ")";
|
||||
},
|
||||
set: function( elem, value, animate ) {
|
||||
var elemStyle = elem.style,
|
||||
currentStyle,
|
||||
Matrix,
|
||||
filter,
|
||||
centerOrigin;
|
||||
|
||||
if ( !animate ) {
|
||||
elemStyle.zoom = 1;
|
||||
}
|
||||
|
||||
value = matrix(value);
|
||||
|
||||
// rotate, scale and skew
|
||||
Matrix = [
|
||||
"Matrix("+
|
||||
"M11="+value[0],
|
||||
"M12="+value[2],
|
||||
"M21="+value[1],
|
||||
"M22="+value[3],
|
||||
"SizingMethod='auto expand'"
|
||||
].join();
|
||||
filter = ( currentStyle = elem.currentStyle ) && currentStyle.filter || elemStyle.filter || "";
|
||||
|
||||
elemStyle.filter = rMatrix.test(filter) ?
|
||||
filter.replace(rMatrix, Matrix) :
|
||||
filter + " progid:DXImageTransform.Microsoft." + Matrix + ")";
|
||||
|
||||
if ( ! $.cssHooks[_transformOrigin] ) {
|
||||
|
||||
// center the transform origin, from pbakaus's Transformie http://github.com/pbakaus/transformie
|
||||
if ( (centerOrigin = $.transform.centerOrigin) ) {
|
||||
elemStyle[centerOrigin == "margin" ? "marginLeft" : "left"] = -(elem.offsetWidth/2) + (elem.clientWidth/2) + "px";
|
||||
elemStyle[centerOrigin == "margin" ? "marginTop" : "top"] = -(elem.offsetHeight/2) + (elem.clientHeight/2) + "px";
|
||||
}
|
||||
|
||||
// translate
|
||||
// We assume that the elements are absolute positionned inside a relative positionned wrapper
|
||||
elemStyle.left = value[4] + "px";
|
||||
elemStyle.top = value[5] + "px";
|
||||
|
||||
} else {
|
||||
$.cssHooks[_transformOrigin].set( elem, value );
|
||||
}
|
||||
}
|
||||
};
|
||||
}
|
||||
// populate jQuery.cssHooks with the appropriate hook if necessary
|
||||
if ( propertyHook ) {
|
||||
$.cssHooks[_transform] = propertyHook;
|
||||
}
|
||||
// we need a unique setter for the animation logic
|
||||
propertyGet = propertyHook && propertyHook.get || $.css;
|
||||
|
||||
/*
|
||||
* fn.animate() hooks
|
||||
*/
|
||||
$.fx.step.transform = function( fx ) {
|
||||
var elem = fx.elem,
|
||||
start = fx.start,
|
||||
end = fx.end,
|
||||
pos = fx.pos,
|
||||
transform = "",
|
||||
precision = 1E5,
|
||||
i, startVal, endVal, unit;
|
||||
|
||||
// fx.end and fx.start need to be converted to interpolation lists
|
||||
if ( !start || typeof start === "string" ) {
|
||||
|
||||
// the following block can be commented out with jQuery 1.5.1+, see #7912
|
||||
if ( !start ) {
|
||||
start = propertyGet( elem, supportProperty );
|
||||
}
|
||||
|
||||
// force layout only once per animation
|
||||
if ( supportMatrixFilter ) {
|
||||
elem.style.zoom = 1;
|
||||
}
|
||||
|
||||
// replace "+=" in relative animations (-= is meaningless with transforms)
|
||||
end = end.split("+=").join(start);
|
||||
|
||||
// parse both transform to generate interpolation list of same length
|
||||
$.extend( fx, interpolationList( start, end ) );
|
||||
start = fx.start;
|
||||
end = fx.end;
|
||||
}
|
||||
|
||||
i = start.length;
|
||||
|
||||
// interpolate functions of the list one by one
|
||||
while ( i-- ) {
|
||||
startVal = start[i];
|
||||
endVal = end[i];
|
||||
unit = +false;
|
||||
|
||||
switch ( startVal[0] ) {
|
||||
|
||||
case _translate:
|
||||
unit = "px";
|
||||
case _scale:
|
||||
unit || ( unit = "");
|
||||
|
||||
transform = startVal[0] + "(" +
|
||||
Math.round( (startVal[1][0] + (endVal[1][0] - startVal[1][0]) * pos) * precision ) / precision + unit +","+
|
||||
Math.round( (startVal[1][1] + (endVal[1][1] - startVal[1][1]) * pos) * precision ) / precision + unit + ")"+
|
||||
transform;
|
||||
break;
|
||||
|
||||
case _skew + "X":
|
||||
case _skew + "Y":
|
||||
case _rotate:
|
||||
transform = startVal[0] + "(" +
|
||||
Math.round( (startVal[1] + (endVal[1] - startVal[1]) * pos) * precision ) / precision +"rad)"+
|
||||
transform;
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
fx.origin && ( transform = fx.origin + transform );
|
||||
|
||||
propertyHook && propertyHook.set ?
|
||||
propertyHook.set( elem, transform, +true ):
|
||||
elem.style[supportProperty] = transform;
|
||||
};
|
||||
|
||||
/*
|
||||
* Utility functions
|
||||
*/
|
||||
|
||||
// turns a transform string into its "matrix(A,B,C,D,X,Y)" form (as an array, though)
|
||||
function matrix( transform ) {
|
||||
transform = transform.split(")");
|
||||
var
|
||||
trim = $.trim
|
||||
, i = -1
|
||||
// last element of the array is an empty string, get rid of it
|
||||
, l = transform.length -1
|
||||
, split, prop, val
|
||||
, prev = supportFloat32Array ? new Float32Array(6) : []
|
||||
, curr = supportFloat32Array ? new Float32Array(6) : []
|
||||
, rslt = supportFloat32Array ? new Float32Array(6) : [1,0,0,1,0,0]
|
||||
;
|
||||
|
||||
prev[0] = prev[3] = rslt[0] = rslt[3] = 1;
|
||||
prev[1] = prev[2] = prev[4] = prev[5] = 0;
|
||||
|
||||
// Loop through the transform properties, parse and multiply them
|
||||
while ( ++i < l ) {
|
||||
split = transform[i].split("(");
|
||||
prop = trim(split[0]);
|
||||
val = split[1];
|
||||
curr[0] = curr[3] = 1;
|
||||
curr[1] = curr[2] = curr[4] = curr[5] = 0;
|
||||
|
||||
switch (prop) {
|
||||
case _translate+"X":
|
||||
curr[4] = parseInt(val, 10);
|
||||
break;
|
||||
|
||||
case _translate+"Y":
|
||||
curr[5] = parseInt(val, 10);
|
||||
break;
|
||||
|
||||
case _translate:
|
||||
val = val.split(",");
|
||||
curr[4] = parseInt(val[0], 10);
|
||||
curr[5] = parseInt(val[1] || 0, 10);
|
||||
break;
|
||||
|
||||
case _rotate:
|
||||
val = toRadian(val);
|
||||
curr[0] = Math.cos(val);
|
||||
curr[1] = Math.sin(val);
|
||||
curr[2] = -Math.sin(val);
|
||||
curr[3] = Math.cos(val);
|
||||
break;
|
||||
|
||||
case _scale+"X":
|
||||
curr[0] = +val;
|
||||
break;
|
||||
|
||||
case _scale+"Y":
|
||||
curr[3] = val;
|
||||
break;
|
||||
|
||||
case _scale:
|
||||
val = val.split(",");
|
||||
curr[0] = val[0];
|
||||
curr[3] = val.length>1 ? val[1] : val[0];
|
||||
break;
|
||||
|
||||
case _skew+"X":
|
||||
curr[2] = Math.tan(toRadian(val));
|
||||
break;
|
||||
|
||||
case _skew+"Y":
|
||||
curr[1] = Math.tan(toRadian(val));
|
||||
break;
|
||||
|
||||
case _matrix:
|
||||
val = val.split(",");
|
||||
curr[0] = val[0];
|
||||
curr[1] = val[1];
|
||||
curr[2] = val[2];
|
||||
curr[3] = val[3];
|
||||
curr[4] = parseInt(val[4], 10);
|
||||
curr[5] = parseInt(val[5], 10);
|
||||
break;
|
||||
}
|
||||
|
||||
// Matrix product (array in column-major order)
|
||||
rslt[0] = prev[0] * curr[0] + prev[2] * curr[1];
|
||||
rslt[1] = prev[1] * curr[0] + prev[3] * curr[1];
|
||||
rslt[2] = prev[0] * curr[2] + prev[2] * curr[3];
|
||||
rslt[3] = prev[1] * curr[2] + prev[3] * curr[3];
|
||||
rslt[4] = prev[0] * curr[4] + prev[2] * curr[5] + prev[4];
|
||||
rslt[5] = prev[1] * curr[4] + prev[3] * curr[5] + prev[5];
|
||||
|
||||
prev = [rslt[0],rslt[1],rslt[2],rslt[3],rslt[4],rslt[5]];
|
||||
}
|
||||
return rslt;
|
||||
}
|
||||
|
||||
// turns a matrix into its rotate, scale and skew components
|
||||
// algorithm from http://hg.mozilla.org/mozilla-central/file/7cb3e9795d04/layout/style/nsStyleAnimation.cpp
|
||||
function unmatrix(matrix) {
|
||||
var
|
||||
scaleX
|
||||
, scaleY
|
||||
, skew
|
||||
, A = matrix[0]
|
||||
, B = matrix[1]
|
||||
, C = matrix[2]
|
||||
, D = matrix[3]
|
||||
;
|
||||
|
||||
// Make sure matrix is not singular
|
||||
if ( A * D - B * C ) {
|
||||
// step (3)
|
||||
scaleX = Math.sqrt( A * A + B * B );
|
||||
A /= scaleX;
|
||||
B /= scaleX;
|
||||
// step (4)
|
||||
skew = A * C + B * D;
|
||||
C -= A * skew;
|
||||
D -= B * skew;
|
||||
// step (5)
|
||||
scaleY = Math.sqrt( C * C + D * D );
|
||||
C /= scaleY;
|
||||
D /= scaleY;
|
||||
skew /= scaleY;
|
||||
// step (6)
|
||||
if ( A * D < B * C ) {
|
||||
A = -A;
|
||||
B = -B;
|
||||
skew = -skew;
|
||||
scaleX = -scaleX;
|
||||
}
|
||||
|
||||
// matrix is singular and cannot be interpolated
|
||||
} else {
|
||||
// In this case the elem shouldn't be rendered, hence scale == 0
|
||||
scaleX = scaleY = skew = 0;
|
||||
}
|
||||
|
||||
// The recomposition order is very important
|
||||
// see http://hg.mozilla.org/mozilla-central/file/7cb3e9795d04/layout/style/nsStyleAnimation.cpp#l971
|
||||
return [
|
||||
[_translate, [+matrix[4], +matrix[5]]],
|
||||
[_rotate, Math.atan2(B, A)],
|
||||
[_skew + "X", Math.atan(skew)],
|
||||
[_scale, [scaleX, scaleY]]
|
||||
];
|
||||
}
|
||||
|
||||
// build the list of transform functions to interpolate
|
||||
// use the algorithm described at http://dev.w3.org/csswg/css3-2d-transforms/#animation
|
||||
function interpolationList( start, end ) {
|
||||
var list = {
|
||||
start: [],
|
||||
end: []
|
||||
},
|
||||
i = -1, l,
|
||||
currStart, currEnd, currType;
|
||||
|
||||
// get rid of affine transform matrix
|
||||
( start == "none" || isAffine( start ) ) && ( start = "" );
|
||||
( end == "none" || isAffine( end ) ) && ( end = "" );
|
||||
|
||||
// if end starts with the current computed style, this is a relative animation
|
||||
// store computed style as the origin, remove it from start and end
|
||||
if ( start && end && !end.indexOf("matrix") && toArray( start ).join() == toArray( end.split(")")[0] ).join() ) {
|
||||
list.origin = start;
|
||||
start = "";
|
||||
end = end.slice( end.indexOf(")") +1 );
|
||||
}
|
||||
|
||||
if ( !start && !end ) { return; }
|
||||
|
||||
// start or end are affine, or list of transform functions are identical
|
||||
// => functions will be interpolated individually
|
||||
if ( !start || !end || functionList(start) == functionList(end) ) {
|
||||
|
||||
start && ( start = start.split(")") ) && ( l = start.length );
|
||||
end && ( end = end.split(")") ) && ( l = end.length );
|
||||
|
||||
while ( ++i < l-1 ) {
|
||||
start[i] && ( currStart = start[i].split("(") );
|
||||
end[i] && ( currEnd = end[i].split("(") );
|
||||
currType = $.trim( ( currStart || currEnd )[0] );
|
||||
|
||||
append( list.start, parseFunction( currType, currStart ? currStart[1] : 0 ) );
|
||||
append( list.end, parseFunction( currType, currEnd ? currEnd[1] : 0 ) );
|
||||
}
|
||||
|
||||
// otherwise, functions will be composed to a single matrix
|
||||
} else {
|
||||
list.start = unmatrix(matrix(start));
|
||||
list.end = unmatrix(matrix(end))
|
||||
}
|
||||
|
||||
return list;
|
||||
}
|
||||
|
||||
function parseFunction( type, value ) {
|
||||
var
|
||||
// default value is 1 for scale, 0 otherwise
|
||||
defaultValue = +(!type.indexOf(_scale)),
|
||||
scaleX,
|
||||
// remove X/Y from scaleX/Y & translateX/Y, not from skew
|
||||
cat = type.replace( /e[XY]/, "e" );
|
||||
|
||||
switch ( type ) {
|
||||
case _translate+"Y":
|
||||
case _scale+"Y":
|
||||
|
||||
value = [
|
||||
defaultValue,
|
||||
value ?
|
||||
parseFloat( value ):
|
||||
defaultValue
|
||||
];
|
||||
break;
|
||||
|
||||
case _translate+"X":
|
||||
case _translate:
|
||||
case _scale+"X":
|
||||
scaleX = 1;
|
||||
case _scale:
|
||||
|
||||
value = value ?
|
||||
( value = value.split(",") ) && [
|
||||
parseFloat( value[0] ),
|
||||
parseFloat( value.length>1 ? value[1] : type == _scale ? scaleX || value[0] : defaultValue+"" )
|
||||
]:
|
||||
[defaultValue, defaultValue];
|
||||
break;
|
||||
|
||||
case _skew+"X":
|
||||
case _skew+"Y":
|
||||
case _rotate:
|
||||
value = value ? toRadian( value ) : 0;
|
||||
break;
|
||||
|
||||
case _matrix:
|
||||
return unmatrix( value ? toArray(value) : [1,0,0,1,0,0] );
|
||||
break;
|
||||
}
|
||||
|
||||
return [[ cat, value ]];
|
||||
}
|
||||
|
||||
function isAffine( matrix ) {
|
||||
return rAffine.test(matrix);
|
||||
}
|
||||
|
||||
function functionList( transform ) {
|
||||
return transform.replace(/(?:\([^)]*\))|\s/g, "");
|
||||
}
|
||||
|
||||
function append( arr1, arr2, value ) {
|
||||
while ( value = arr2.shift() ) {
|
||||
arr1.push( value );
|
||||
}
|
||||
}
|
||||
|
||||
// converts an angle string in any unit to a radian Float
|
||||
function toRadian(value) {
|
||||
return ~value.indexOf("deg") ?
|
||||
parseInt(value,10) * (Math.PI * 2 / 360):
|
||||
~value.indexOf("grad") ?
|
||||
parseInt(value,10) * (Math.PI/200):
|
||||
parseFloat(value);
|
||||
}
|
||||
|
||||
// Converts "matrix(A,B,C,D,X,Y)" to [A,B,C,D,X,Y]
|
||||
function toArray(matrix) {
|
||||
// remove the unit of X and Y for Firefox
|
||||
matrix = /([^,]*),([^,]*),([^,]*),([^,]*),([^,p]*)(?:px)?,([^)p]*)(?:px)?/.exec(matrix);
|
||||
return [matrix[1], matrix[2], matrix[3], matrix[4], matrix[5], matrix[6]];
|
||||
}
|
||||
|
||||
$.transform = {
|
||||
centerOrigin: "margin"
|
||||
};
|
||||
|
||||
})( jQuery, window, document, Math );
|
||||
2
ИЭТР-тест/Develop/app/js/jPlayer-2.9.2/lib/circle-player/js/mod.csstransforms.min.js
vendored
Normal file
2
ИЭТР-тест/Develop/app/js/jPlayer-2.9.2/lib/circle-player/js/mod.csstransforms.min.js
vendored
Normal file
@@ -0,0 +1,2 @@
|
||||
/* Modernizr custom build of 1.7pre: csstransforms */
|
||||
window.Modernizr=function(a,b,c){function G(){}function F(a,b){var c=a.charAt(0).toUpperCase()+a.substr(1),d=(a+" "+p.join(c+" ")+c).split(" ");return!!E(d,b)}function E(a,b){for(var d in a)if(k[a[d]]!==c&&(!b||b(a[d],j)))return!0}function D(a,b){return(""+a).indexOf(b)!==-1}function C(a,b){return typeof a===b}function B(a,b){return A(o.join(a+";")+(b||""))}function A(a){k.cssText=a}var d="1.7pre",e={},f=!0,g=b.documentElement,h=b.head||b.getElementsByTagName("head")[0],i="modernizr",j=b.createElement(i),k=j.style,l=b.createElement("input"),m=":)",n=Object.prototype.toString,o=" -webkit- -moz- -o- -ms- -khtml- ".split(" "),p="Webkit Moz O ms Khtml".split(" "),q={svg:"http://www.w3.org/2000/svg"},r={},s={},t={},u=[],v,w=function(a){var c=b.createElement("style"),d=b.createElement("div"),e;c.textContent=a+"{#modernizr{height:3px}}",h.appendChild(c),d.id="modernizr",g.appendChild(d),e=d.offsetHeight===3,c.parentNode.removeChild(c),d.parentNode.removeChild(d);return!!e},x=function(){function d(d,e){e=e||b.createElement(a[d]||"div");var f=(d="on"+d)in e;f||(e.setAttribute||(e=b.createElement("div")),e.setAttribute&&e.removeAttribute&&(e.setAttribute(d,""),f=C(e[d],"function"),C(e[d],c)||(e[d]=c),e.removeAttribute(d))),e=null;return f}var a={select:"input",change:"input",submit:"form",reset:"form",error:"img",load:"img",abort:"img"};return d}(),y=({}).hasOwnProperty,z;C(y,c)||C(y.call,c)?z=function(a,b){return b in a&&C(a.constructor.prototype[b],c)}:z=function(a,b){return y.call(a,b)},r.csstransforms=function(){return!!E(["transformProperty","WebkitTransform","MozTransform","OTransform","msTransform"])};for(var H in r)z(r,H)&&(v=H.toLowerCase(),e[v]=r[H](),u.push((e[v]?"":"no-")+v));e.input||G(),e.crosswindowmessaging=e.postmessage,e.historymanagement=e.history,e.addTest=function(a,b){a=a.toLowerCase();if(!e[a]){b=!!b(),g.className+=" "+(b?"":"no-")+a,e[a]=b;return e}},A(""),j=l=null,e._enableHTML5=f,e._version=d,g.className=g.className.replace(/\bno-js\b/,"")+" js "+u.join(" ");return e}(this,this.document)
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 3.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 5.3 KiB |
@@ -0,0 +1,133 @@
|
||||
/*
|
||||
* Project: CirclePlayer
|
||||
* http://www.jplayer.org
|
||||
*
|
||||
* Copyright (c) 2012 Happyworm Ltd
|
||||
*
|
||||
* Author: Silvia Benvenuti
|
||||
* Edited by: Mark J Panaghiston
|
||||
* Date: 2nd October 2012
|
||||
* Artwork inspired by: http://forrst.com/posts/Untitled-CJz
|
||||
*/
|
||||
|
||||
.cp-container {
|
||||
position:relative;
|
||||
width:104px; /* 200 - (2 * 48) */
|
||||
height:104px;
|
||||
background:url("bgr.jpg") 0 0 no-repeat;
|
||||
padding:48px;
|
||||
-webkit-tap-highlight-color:rgba(0,0,0,0);
|
||||
}
|
||||
|
||||
.cp-container :focus {
|
||||
border:none;
|
||||
outline:0;
|
||||
}
|
||||
|
||||
.cp-buffer-1,
|
||||
.cp-buffer-2,
|
||||
.cp-progress-1,
|
||||
.cp-progress-2 {
|
||||
position:absolute;
|
||||
top:0;
|
||||
left:0;
|
||||
width:104px;
|
||||
height:104px;
|
||||
clip:rect(0px,52px,104px,0px);
|
||||
|
||||
-moz-border-radius:52px;
|
||||
-webkit-border-radius:52px;
|
||||
border-radius:52px;
|
||||
}
|
||||
|
||||
.cp-buffer-1,
|
||||
.cp-buffer-2 {
|
||||
background:url("buffer.png") 0 0 no-repeat;
|
||||
}
|
||||
|
||||
|
||||
/* FALLBACK for .progress
|
||||
* (24 steps starting from 1hr filled progress, Decrease second value by 104px for next step)
|
||||
* (It needs the container selector to work. Or use div)
|
||||
*/
|
||||
|
||||
.cp-container .cp-fallback {
|
||||
background:url("progress_sprite.jpg") no-repeat;
|
||||
background-position:0 104px;
|
||||
}
|
||||
|
||||
.cp-progress-1,
|
||||
.cp-progress-2 {
|
||||
background:url("progress.png") 0 0 no-repeat;
|
||||
}
|
||||
|
||||
.cp-buffer-holder,
|
||||
.cp-progress-holder,
|
||||
.cp-circle-control {
|
||||
position:absolute;
|
||||
width:104px;
|
||||
height:104px;
|
||||
}
|
||||
|
||||
.cp-circle-control {
|
||||
cursor:pointer;
|
||||
}
|
||||
|
||||
.cp-buffer-holder,
|
||||
.cp-progress-holder {
|
||||
clip:rect(0px,104px,104px,52px);
|
||||
display:none;
|
||||
}
|
||||
|
||||
|
||||
/* This is needed when progress is greater than 50% or for fallback */
|
||||
|
||||
.cp-buffer-holder.cp-gt50,
|
||||
.cp-progress-holder.cp-gt50,
|
||||
.cp-progress-1.cp-fallback{
|
||||
clip:rect(auto, auto, auto, auto);
|
||||
}
|
||||
|
||||
.cp-controls {
|
||||
margin:0;
|
||||
padding:26px;
|
||||
}
|
||||
|
||||
.cp-controls li{
|
||||
list-style-type:none;
|
||||
display:block;
|
||||
|
||||
/*IE Fix*/
|
||||
position:absolute;
|
||||
}
|
||||
|
||||
.cp-controls li a{
|
||||
position:relative;
|
||||
display:block;
|
||||
width:50px;
|
||||
height:50px;
|
||||
text-indent:-9999px;
|
||||
z-index:1;
|
||||
cursor:pointer;
|
||||
}
|
||||
|
||||
.cp-controls .cp-play {
|
||||
background:url("controls.jpg") 0 0 no-repeat;
|
||||
}
|
||||
|
||||
.cp-controls .cp-play:hover {
|
||||
background:url("controls.jpg") -50px 0 no-repeat;
|
||||
}
|
||||
|
||||
.cp-controls .cp-pause {
|
||||
background:url("controls.jpg") 0 -50px no-repeat;
|
||||
}
|
||||
|
||||
.cp-controls .cp-pause:hover {
|
||||
background:url("controls.jpg") -50px -50px no-repeat;
|
||||
}
|
||||
|
||||
.cp-jplayer {
|
||||
width:0;
|
||||
height:0;
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 3.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 7.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 71 KiB |
Reference in New Issue
Block a user