This is some sample text
var ctl21_ctl01_ctl00json = {"imageUrl":"/images/blobs/animation/example.jpg","text":"Snappy Clam Web Design","textSize":"70","picSize":"None","_loop":"1","animation":"fadeInUp","duration":"2","delay":"0","pageSelected":"0","center":"0","textColor":"White","border":"0","showWhileWaiting":"0","beforeFirstShowing":"show","beforeSubsequentShowings":"show","link":"/"};
$(document).ready(function () {
ctl21_ctl01_ctl00setInitialParameters();
});
function ctl21_ctl01_ctl00testAnim() {
$('#ctl21_ctl01_ctl00animationSandbox').removeClass().addClass(ctl21_ctl01_ctl00json.animation + ' ts-animated').one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function () {
$(this).removeClass();
});
};
function ctl21_ctl01_ctl00setInitialParameters() {
$('#ctl21_ctl01_ctl00animationSandbox img').attr('src', ctl21_ctl01_ctl00json.imageUrl);
var text = ctl21_ctl01_ctl00json.text;
if ((text == null)) {
$('#ctl21_ctl01_ctl00animationText').hide();
}
else {
text = text.replace(/\n/gm, '
');
$('#ctl21_ctl01_ctl00animationText').html(text);
$('#ctl21_ctl01_ctl00animationSandbox h4').css('font-size', ctl21_ctl01_ctl00json.textSize + 'px');
$('#ctl21_ctl01_ctl00animationText').css('color', ctl21_ctl01_ctl00json.textColor);
}
if (ctl21_ctl01_ctl00json.picSize == 'None') {
$('#ctl21_ctl01_ctl00animationSandbox img').hide();
}
else {
// #310 Bug Fix, animation images not responsive
$('#ctl21_ctl01_ctl00animationSandbox img').css('max-width', ctl21_ctl01_ctl00json.picSize + 'px');
$('#ctl21_ctl01_ctl00animationSandbox img').css('height', 'auto');
$('#ctl21_ctl01_ctl00animationSandbox img').css('width', '100%');
}
ctl21_ctl01_ctl00setAttributes('duration', '' + ctl21_ctl01_ctl00json.duration + 's');
ctl21_ctl01_ctl00delayedStart(ctl21_ctl01_ctl00json.delay)
if (ctl21_ctl01_ctl00json.border == '0') {
}
else {
var borderParameter = '' + ctl21_ctl01_ctl00json.border + 'px solid ' + ctl21_ctl01_ctl00json.textColor;
$('#ctl21_ctl01_ctl00animationSandbox').css('border', borderParameter);
$('#ctl21_ctl01_ctl00animationSandbox').css('padding', '8px');
}
var animation = ctl21_ctl01_ctl00json.animation;
if (ctl21_ctl01_ctl00json.pageSelected == 0) {
}
else {
if (ctl21_ctl01_ctl00json.Link == '') {
return false;
}
else {
$('#ctl21_ctl01_ctl00animationSandbox').css('cursor', 'pointer');
$('#ctl21_ctl01_ctl00animationSandbox').click(function () {
$(this).fadeOut(1000);
location.assign(ctl21_ctl01_ctl00json.link);
return false;
});
}
}
if (ctl21_ctl01_ctl00json.center == '1') {
var as = $('#ctl21_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'
});
}
if (ctl21_ctl01_ctl00json.beforeFirstShowing == 'show') {
$('#ctl21_ctl01_ctl00animationSandbox').show();
}
}
function ctl21_ctl01_ctl00delayedStart(wait) {
setTimeout(ctl21_ctl01_ctl00delayedStartDoIt, wait * 1000)
}
function ctl21_ctl01_ctl00delayedStartDoIt() {
// Always show the animation itself
$('#ctl21_ctl01_ctl00animationSandbox').show();
ctl21_ctl01_ctl00testAnim();
// set a timer which will tell us when the animation completes (we hope)
setTimeout(ctl21_ctl01_ctl00delayedStartDoItAgain, ctl21_ctl01_ctl00json.duration * 1000)
}
function ctl21_ctl01_ctl00delayedStartDoItAgain() {
// an animation just completed
if (ctl21_ctl01_ctl00json.beforeSubsequentShowings == "noshow") {
$('#ctl21_ctl01_ctl00animationSandbox').fadeOut(200);
}
// if we only do this once -- we are done
if (ctl21_ctl01_ctl00json._loop == '1') {
return;
}
var wait = $('#ctl21_ctl01_ctl00').val();
if (ctl21_ctl01_ctl00json.beforeSubsequentShowings == 'skip') {
wait = 0; // no wait on subsequent showings
}
else {
if (ctl21_ctl01_ctl00json.beforeSubsequentShowings == 'show') {
}
else {
$('#ctl21_ctl01_ctl00animationSandbox').fadeOut(200);
}
}
ctl21_ctl01_ctl00delayedStart(wait);
}
function ctl21_ctl01_ctl00centerIt () {
$('#ctl21_ctl01_ctl00animationSandbox').css('position', 'fixed');
$('#ctl21_ctl01_ctl00animationSandbox').css('top', '50%');
$('#ctl21_ctl01_ctl00animationSandbox').css('left', '50%');
$('#ctl21_ctl01_ctl00animationSandbox').center();
}
function ctl21_ctl01_ctl00setAttributes(what, value) {
//#yourElement {
// -vendor-animation-duration: 3s;
//-vendor-animation-delay: 2s;
//-vendor-animation-iteration-count: infinite;
//}
ctl21_ctl01_ctl00setAttribute('moz', what, value);
ctl21_ctl01_ctl00setAttribute('o', what, value);
ctl21_ctl01_ctl00setAttribute('webkit', what, value);
ctl21_ctl01_ctl00setAttribute('ms', what, value);
}
function ctl21_ctl01_ctl00setAttribute(browser, what, value) {
var part1 = '-' + browser + '-animation-' + what;
var part2 = value;
//alert(part1);
//alert(part2);
$('#ctl21_ctl01_ctl00animationSandbox').css(part1, value);
}
var backgroundPage = '5';
var backgroundList = [['1','/uploads/57853/pagetemplates/DesignCreated201912071821/images/9067c143-c976-4d33-8872-1578c99fa47a.jpg'],['2','/uploads/57853/pagetemplates/DesignCreated201912071821/images/white.jpg'],['3','/uploads/57853/pagetemplates/DesignCreated201912071821/images/fa473aea-38a4-4a63-96aa-e86051dbac1f.jpg'],['4','/uploads/57853/pagetemplates/DesignCreated201912071821/images/dabb5f59-b68e-4049-8a78-23eefcdde778.jpg'],['5','/uploads/57853/pagetemplates/DesignCreated201912071821/images/f93e8bcd-ce54-4aab-b998-46a11ed370e2.jpg'],['6','/uploads/57853/pagetemplates/DesignCreated201912071821/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');
}
}
});