This is some sample text
$(document).ready(function () {
var pageEditing = 'false';
if (pageEditing == 'true') {
$('#ctl19_ctl01_ctl00animationSandbox').html('
Animation Widget - use Page Preview to view
');
$('#ctl19_ctl01_ctl00animationSandbox').show();
}
else {
ctl19_ctl01_ctl00setInitialParameters();
}
});
function ctl19_ctl01_ctl00testAnim() {
var anim = $('#ctl19_ctl01_ctl00_hdn_animation').val();
//$('#ctl19_ctl01_ctl00animationSandbox').bind("animationend", function () {
// alert("User clicked on 'foo.'");
//});
$('#ctl19_ctl01_ctl00animationSandbox').removeClass().addClass(anim + ' ts-animated').one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function () {
$(this).removeClass();
});
};
function ctl19_ctl01_ctl00setInitialParameters() {
var imageUrl = $('#ctl19_ctl01_ctl00_hdn_imageUrl').val();
$('#ctl19_ctl01_ctl00animationSandbox img').attr('src', imageUrl);
var text = $('#ctl19_ctl01_ctl00_hdn_text').val();
text = text.replace(/\n/gm, '
');
$('#ctl19_ctl01_ctl00animationText').html(text);
var textSize = $('#ctl19_ctl01_ctl00_hdn_textSize').val();
$('#ctl19_ctl01_ctl00animationSandbox h4').css('font-size', textSize + 'px');
var textColor = $('#ctl19_ctl01_ctl00_hdn_textColor').val();
$('#ctl19_ctl01_ctl00animationText').css('color', textColor);
var picSize = $('#ctl19_ctl01_ctl00_hdn_picSize').val();
if (picSize == 'None') {
$('#ctl19_ctl01_ctl00animationSandbox img').hide();
}
else {
// #310 Bug Fix, animation images not responsive
$('#ctl19_ctl01_ctl00animationSandbox img').css('max-width', picSize + 'px');
$('#ctl19_ctl01_ctl00animationSandbox img').css('height', 'auto');
$('#ctl19_ctl01_ctl00animationSandbox img').css('width', '100%');
}
var loop = $('#ctl19_ctl01_ctl00_hdn_loop').val();
//ctl19_ctl01_ctl00setAttributes('iteration-count', loop);
var duration = $('#ctl19_ctl01_ctl00_hdn_duration').val();
ctl19_ctl01_ctl00setAttributes('duration', '' + duration + 's');
var delay = $('#ctl19_ctl01_ctl00_hdn_delay').val();
//* ctl19_ctl01_ctl00setAttributes('delay', '' + delay + 's'); *//
ctl19_ctl01_ctl00delayedStart(delay)
var border = $('#ctl19_ctl01_ctl00_hdn_border').val();
if (border == '0') {
}
else {
var borderParameter = '' + border + 'px solid ' + textColor;
$('#ctl19_ctl01_ctl00animationSandbox').css('border', borderParameter);
$('#ctl19_ctl01_ctl00animationSandbox').css('padding', '8px');
}
var animation = $('#ctl19_ctl01_ctl00_hdn_animation').val();
var pageSelected = $('#System.Web.UI.WebControls.HiddenField').val();
if (pageSelected == 0) {
}
else {
$('#ctl19_ctl01_ctl00animationSandbox').css('cursor', 'pointer');
$('#ctl19_ctl01_ctl00animationSandbox').click(function () {
$(this).fadeOut(1000);
var link = $('#ctl19_ctl01_ctl00_hdn_link').val();
location.assign(link);
return false;
});
}
var center = $('#ctl19_ctl01_ctl00_hdn_center').val();
if (center == '1') {
var as = $('#ctl19_ctl01_ctl00animationSandbox');
var p = as.detach();
p.appendTo('body');
as.css({
'position': 'fixed',
'left': '50%',
'top': '50%'
});
as.css({
'margin-left': -as.outerWidth() / 2 + 'px',
'margin-top': -as.outerHeight() / 2 + 'px'
});
}
var beforeFirstShowing = $('#ctl19_ctl01_ctl00_hdn_beforeFirstShowing').val();
if (beforeFirstShowing == 'show') {
$('#ctl19_ctl01_ctl00animationSandbox').show();
}
}
function ctl19_ctl01_ctl00delayedStart(wait) {
setTimeout(ctl19_ctl01_ctl00delayedStartDoIt, wait * 1000)
}
function ctl19_ctl01_ctl00delayedStartDoIt() {
// Always show the animation itself
$('#ctl19_ctl01_ctl00animationSandbox').show();
ctl19_ctl01_ctl00testAnim();
// set a timer which will tell us when the animation completes (we hope)
var duration = $('#ctl19_ctl01_ctl00_hdn_duration').val();
setTimeout(ctl19_ctl01_ctl00delayedStartDoItAgain, duration * 1000)
}
function ctl19_ctl01_ctl00delayedStartDoItAgain() {
// an animation just completed
var beforeSequequentShowings = $('#ctl19_ctl01_ctl00_hdn_beforeSubsequentShowings').val();
if (beforeSequequentShowings == "noshow") {
$('#ctl19_ctl01_ctl00animationSandbox').fadeOut(200);
}
var loop = $('#ctl19_ctl01_ctl00_hdn_loop').val();
// if we only do this once -- we are done
if (loop == '1') {
return;
}
var wait = $('#ctl19_ctl01_ctl00_hdn_delay').val();
if (beforeSequequentShowings == 'skip') {
wait = 0; // no wait on subsequent showings
}
else {
if (beforeSequequentShowings == 'show') {
}
else {
$('#ctl19_ctl01_ctl00animationSandbox').fadeOut(200);
}
}
ctl19_ctl01_ctl00delayedStart(wait);
}
function ctl19_ctl01_ctl00centerIt () {
$('#ctl19_ctl01_ctl00animationSandbox').css('position', 'fixed');
$('#ctl19_ctl01_ctl00animationSandbox').css('top', '50%');
$('#ctl19_ctl01_ctl00animationSandbox').css('left', '50%');
$('#ctl19_ctl01_ctl00animationSandbox').center();
}
function ctl19_ctl01_ctl00setAttributes(what, value) {
//#yourElement {
// -vendor-animation-duration: 3s;
//-vendor-animation-delay: 2s;
//-vendor-animation-iteration-count: infinite;
//}
ctl19_ctl01_ctl00setAttribute('moz', what, value);
ctl19_ctl01_ctl00setAttribute('o', what, value);
ctl19_ctl01_ctl00setAttribute('webkit', what, value);
ctl19_ctl01_ctl00setAttribute('ms', what, value);
}
function ctl19_ctl01_ctl00setAttribute(browser, what, value) {
var part1 = '-' + browser + '-animation-' + what;
var part2 = value;
//alert(part1);
//alert(part2);
$('#ctl19_ctl01_ctl00animationSandbox').css(part1, value);
}
var backgroundPage = '5';
var backgroundList = [['1','/uploads/57853/pagetemplates/DesignCreated201904111102/images/bc287918-9a10-4968-a25b-a2c8c36af72d.jpg'],['2','/uploads/57853/pagetemplates/DesignCreated201904111102/images/white.jpg'],['3','/uploads/57853/pagetemplates/DesignCreated201904111102/images/fa473aea-38a4-4a63-96aa-e86051dbac1f.jpg'],['4','/uploads/57853/pagetemplates/DesignCreated201904111102/images/dabb5f59-b68e-4049-8a78-23eefcdde778.jpg'],['5','/uploads/57853/pagetemplates/DesignCreated201904111102/images/f93e8bcd-ce54-4aab-b998-46a11ed370e2.jpg'],['6','/uploads/57853/pagetemplates/DesignCreated201904111102/images/d4d2f46b-6abb-424d-9400-3579d0f4aab8.jpg']];
$(document).ready(function () {
App.init();
for (var i = 0; i < backgroundList.length; i++) {
if (backgroundList[i][0] == backgroundPage) {
$('#ts-background').css('background-image', 'url(' + backgroundList[i][1] + ')');
$('#ts-background').css('background-size', 'cover');
$('#ts-background').css('position', 'fixed');
$('#ts-background').css('height', '100%');
$('#ts-background').css('width', '100%');
$('#ts-background').css('z-index', '-100');
}
}
});