Skip to content

Instantly share code, notes, and snippets.

@Chuck-Aguilar

Chuck-Aguilar/AdventCalendar.html

Created November 28, 2016 15:17
Show Gist options
  • Save Chuck-Aguilar/fc1c3d8a3cc61cc272eeec146627dc20 to your computer and use it in GitHub Desktop.
Save Chuck-Aguilar/fc1c3d8a3cc61cc272eeec146627dc20 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
advCal_1.js
var tDate = new Date();
var today = tDate.getDate();
var tMonth = tDate.getMonth() + offset;
var aa = Math.floor(Math.random() * 1100500);
var dd = Math.floor(Math.random() * 1100500);
var ects = 6;
var $bxo;
function placePicture(el) {
$("#" + el).html("<a id=\"" + el + "link\" href=\"" + dayImgs[el - 1] + "\" class=\"group1\" > " + el + "</a>")
}
function bbbaaabbb(id) {
var pos = $('#' + id).css('position');
var dis = $('#' + id).css('display');
var wi = $('#' + id).css('width');
var le = $('#' + id).length;
if (pos != "static") {
ssc(id);
ects = 6
}
if (dis == "none") {
ssc(id);
ects = 6
}
if (wi != "300px") {
ssc(id);
ects = 6
}
if ($bxo.parent()[0] !== $('#containerCal')[0]) {
$('#' + id).remove();
ssc(id);
ects = 6
}
if (le < 1) {
addxobad()
}
if (ects != 0) {
ects--;
window.setTimeout("bbbaaabbb(aa)", 1000)
}
}
function ssc(el) {
$('#' + el).css('cssText', 'width: 300px !important;opacity: 1 !important ; float:left !important; border:1px solid #c7c7c7 !important; padding:3px !important; background-color: white !important; position: static !important; display: block !important; margin-top:-1.0%;')
}
function addxobad() {
try {
getHeightMargin()
} catch (e) {
$('#containerCal').append('<div id=\"' + aa + '\"></div>');
$('#' + aa).html('<img src=\"http://img.homepagemodules.de/xl16c.png\" alt=\"Xobor.de\"><a style=\"text-decoration:none; color: #8d8d8d;\" href=\"http://www.xobor.de\">&ensp;Einfach ein eigenes Xobor Forum erstellen</a>');
ssc(aa);
$bxo = $('#innerCal ~ div').first();
window.setTimeout("bbbaaabbb(aa)", 1000)
}
}
function snowSystem() {
try {
if (snow == "true") {
$(document).snowfall({
flakeCount: maxFlakes,
collection: '.door',
maxSpeed: maxFlakeSpeed,
minSize: minFlakesSize,
maxSize: mayFlakesSize,
round: true
})
}
} catch (e) {}
}
$(document).ready(function() {
try {
if (snow == "true") {
var snowEngine = document.createElement("script");
snowEngine.setAttribute('type', 'text/javascript');
snowEngine.src = 'http://www.xobor.de/js_scripts/snow/snowfall.jquery.js';
document.getElementsByTagName("head")[0].appendChild(snowEngine)
}
} catch (e) {}
$('#mybg').attr('src', backgroundImg);
$('#mybg').css('border-radius', borderRadius);
$('#containerCal').css('width', width + 'px');
$('#Adfooter').css('width', width + 'px');
$('#containerCal').css('height', height + 'px');
$('#containerCal').show();
$('#Adfooter').show();
if (backgroundIMG) {
$('body').css('background-color', backgroundIMG)
}
if (blur == "true") {
$('#mybg').css('-webkit-filter', 'blur(5px)');
$('#mybg').css('-moz-filter', 'blur(5px)');
$('#mybg').css('-o-filter', 'blur(5px)');
$('#mybg').css('-ms-filter', 'blur(5px)')
}
if (tMonth == 12) {
for (var i = 1; i < today; i++) {
if (dayImgs[i - 1].match('http://')) {
$("#" + i).css("background-image", "url(" + dayImgs[i - 1] + ")");
$("#" + i).css("box-shadow", "inset -8px 8px 10px #252525");
$("#" + i).css("opacity", "1");
$("#" + i).css("background-position", "200px 50%")
} else {
$("#" + i).css("background-image", "url(" + videoPrevBackground + ")");
$("#" + i).css("box-shadow", "inset -8px 8px 10px #252525");
$("#" + i).css("opacity", "1");
$("#" + i).css("background-position", "center center")
}
}
}
addxobad();
window.setTimeout("snowSystem()", 200)
});
function checkDateAndAction(el) {
/*if (today > el && tMonth == 12 ) {
if (dayImgs[el - 1].match('http://')) {
$.colorbox({
href: dayImgs[el - 1]
})
} else {
$.colorbox({
iframe: true,
width: videoW + "px",
height: videoH + "px",
href: "http://www.youtube.com/embed/" + dayImgs[el - 1]
})
}
}*/
if (true) {
if (dayImgs[el - 1].match('http://')) {
$.colorbox({
href: dayImgs[el - 1]
})
} else {
$.colorbox({
iframe: true,
width: videoW + "px",
height: videoH + "px",
href: "http://www.youtube.com/embed/" + dayImgs[el - 1]
})
}
}
//if (today < el && tMonth == 12) {
//alert("Heute ist noch nicht der " + el + ". 12.")
//}
//if (tMonth != 12) {
//alert("Wir haben noch nicht Dezember!")
//}
}
Raw
AdventCalendar.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>AdventCalendar</title>
<link rel="stylesheet" href="https://img.homepagemodules.de/ds/static/aktionen/adventskal/css/colorbox_1.css" />
<link href="css/style.css" rel="stylesheet"/>
</head>
<body>
<div id="containerCal">
<img src=" " id ="mybg" />
<div id="innerCal">
<div id="16" class="door" onclick="checkDateAndAction(16);">16</div>
<div id="3" class="door" onclick="checkDateAndAction(3);" >3</div>
<div id="12" class="door" onclick="checkDateAndAction(12);">12</div>
<div id="5" class="door" onclick="checkDateAndAction(5);">5</div>
<div id="20" class="door" onclick="checkDateAndAction(20);">20</div>
<div id="7" class="door" onclick="checkDateAndAction(7);">7</div>
<div id="13" class="door" onclick="checkDateAndAction(13);">13</div>
<div id="8" class="door" onclick="checkDateAndAction(8);">8</div>
<div id="21" class="door" onclick="checkDateAndAction(21);">21</div>
<div id="9" class="door" onclick="checkDateAndAction(9);">9</div>
<div id="10" class="door" onclick="checkDateAndAction(10);">10</div>
<div id="14" class="door" onclick="checkDateAndAction(14);">14</div>
<div id="24" class="door" onclick="checkDateAndAction(24);">24</div>
<div id="15" class="door" onclick="checkDateAndAction(15);">15</div>
<div id="1" class="door" onclick="checkDateAndAction(1);">1</div>
<div id="17" class="door" onclick="checkDateAndAction(17);">17</div>
<div id="4" class="door" onclick="checkDateAndAction(4);">4</div>
<div id="18" class="door" onclick="checkDateAndAction(18);">18</div>
<div id="6" class="door" onclick="checkDateAndAction(6);">6</div>
<div id="19" class="door" onclick="checkDateAndAction(19);">19</div>
<div id="22" class="door" onclick="checkDateAndAction(22);">22</div>
<div id="2" class="door" onclick="checkDateAndAction(2);">2</div>
<div id="23" class="door" onclick="checkDateAndAction(23);">23</div>
<div id="11" class="door" onclick="checkDateAndAction(11);">11</div>
<div id="Adfooter"><a href="https://www.xobor.de/xobor-adventskalender.html" target="_blank">Den eigenen Kalender auf der Homepage</a></div>
<img src="https://www.xobor.de/AdAdvent" width="1" height="1" />
</div>
</div>
<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="js/avCal_utils.js"></script>
<script type="text/javascript" src="js/config.js"></script>
</body>
</html>
Raw
avCal_utils.js
window.onload = function() {
try {
$('#innerCal');
colorbox();
adjs();
} catch (e) {
var script = document.createElement("script");
script.setAttribute('type', 'text/javascript');
script.src = 'https://img.homepagemodules.de/ds/static/jquery/min/jquery-1.7.1.min.js';
document.getElementsByTagName("head")[0].appendChild(script);
colorbox();
adjs();
}
};
function colorbox() {
var cbox = document.createElement("script");
cbox.setAttribute('type', 'text/javascript');
cbox.src = 'js/jquery.colorbox-min.js';
document.getElementsByTagName("head")[0].appendChild(cbox);
}
function adjs() {
var ajs = document.createElement("script");
ajs.setAttribute('type', 'text/javascript');
ajs.src = 'js/advCal_1.js';
document.getElementsByTagName("head")[0].appendChild(ajs);
}
Raw
config.js
//############ CONFIG START ##############
// URL zum Hintergrundbild des Kalenders
var backgroundImg = "http://www.bilder-hochladen.net/files/big/k75p-3-eccb.jpg ";
// Was fuer eine Grafik soll als Vorschau angezeigt werden, wenn sich im Tuerchen ein YoutubeVid statt eines Bildes befindet
var videoPrevBackground = " http://www.bilder-hochladen.net/files/k75p-2-c81e.jpg";
var videoW = "800"; // Breite des Videofensters
var videoH = "600"; // Hoehe des Videofensters
// Hintergrundfarbe definieren. ACHTUNG! Macht nur Sinn, wenn der Kalender auf einer extra Seite eingebunden wird!
var backgroundIMG = "";
var width = "945"; // Kalenderbreite
var height = "600"; // Kalenderhoehe
// Wenn der Kalender abgerundete Ecken besitzen soll, dann hier in Wert angeben. Ansonsten hier einfach 0 eiintragen
var borderRadius = "5px";
// Zeichnet den Hintergrund weich.
// Funktioniert aktuell nur im Chrome und Safari und eventuell in kommenden Browserversionen des IE und FF
// "true" fuer Ja und "false" fuer nein
var blur = "false";
// Um ein einfaches Bild fuer den jeweiligen Tag einzufuegen, einfach die direkte URL (Adresse) zum Bild eintragen.
// Fuer ein YoutubeVideo die Zwoelfstellige Video ID (ohne http://youtube.com usw.!) eintragen ... z.B. y2T6qekeqlk
// WICHTIG! Die Zaehlung der Tage, beginnt bei 0! Sprich der 1. Dezember = dayImgs[0] ... der 24. ist demzufolge dayImgs[23]
var dayImgs = new Array();
dayImgs[0] = "http://www.bilder-hochladen.net/files/jtlt-r-02e7.jpg";
dayImgs[1] = "http://www.bilder-hochladen.net/files/jtlt-q-4e73.jpg";
dayImgs[2] = "http://www.bilder-hochladen.net/files/jtlt-u-3417.gif";
dayImgs[3] = "http://www.bilder-hochladen.net/files/big/jtlt-v-c16a.jpg";
dayImgs[4] = "http://www.bilder-hochladen.net/files/jtlt-w-6364.jpg";
dayImgs[5] = "1u-fq4zcbj4";
dayImgs[6] = "http://www.bilder-hochladen.net/files/jtlt-15-d645.png";
dayImgs[7] = "http://www.bilder-hochladen.net/files/jtlt-19-f717.png";
dayImgs[8] = "http://www.bilder-hochladen.net/files/big/jtlt-x-182b.jpg";
dayImgs[9] = "http://www.bilder-hochladen.net/files/big/jtlt-y-e369.jpg";
dayImgs[10] = "http://www.bilder-hochladen.net/files/jtlt-18-17e6.png";
dayImgs[11] = "MEEg8bIjcWg";
dayImgs[12] = "http://www.bilder-hochladen.net/files/jtlt-10-1c38.jpg";
dayImgs[13] = "http://www.bilder-hochladen.net/files/jtlt-11-19ca.jpg";
dayImgs[14] = "http://www.bilder-hochladen.net/files/jtlt-12-a5bf.jpg";
dayImgs[15] = "http://www.bilder-hochladen.net/files/jtlt-16-3416.png";
dayImgs[16] = "8LZpBjnOMYY";
dayImgs[17] = "http://www.bilder-hochladen.net/files/jtlt-1a-6c83.png";
dayImgs[18] = "http://www.bilder-hochladen.net/files/big/jtlt-13-a577.jpg";
dayImgs[19] = "http://www.bilder-hochladen.net/files/jtlt-14-d67d.jpg";
dayImgs[20] = "http://www.bilder-hochladen.net/files/jtlt-17-a1d0.png";
dayImgs[21] = "http://www.bilder-hochladen.net/files/jtlt-t-6ea9.jpg";
dayImgs[22] = "Z7PMzUgbc0E";
dayImgs[23] = "http://www.bilder-hochladen.net/files/jtlt-s-33e7.jpg";
//############ CONFIG END ##############
var offset = 1;
Raw
jquery.colorbox-min.js
// ColorBox v1.3.20.1 - jQuery lightbox plugin
// (c) 2012 Jack Moore - jacklmoore.com
// License: http://www.opensource.org/licenses/mit-license.php
(function(e, t, n) {
function G(n, r, i) {
var o = t.createElement(n);
return r && (o.id = s + r), i && (o.style.cssText = i), e(o)
}
function Y(e) {
var t = T.length,
n = (U + e) % t;
return n < 0 ? t + n : n
}
function Z(e, t) {
return Math.round((/%/.test(e) ? (t === "x" ? tt() : nt()) / 100 : 1) * parseInt(e, 10))
}
function et(e) {
return B.photo || /\.(gif|png|jp(e|g|eg)|bmp|ico)((#|\?).*)?$/i.test(e)
}
function tt() {
return n.innerWidth || N.width()
}
function nt() {
return n.innerHeight || N.height()
}
function rt() {
var t, n = e.data(R, i);
n == null ? (B = e.extend({}, r), console && console.log && console.log("Error: cboxElement missing settings object")) : B = e.extend({}, n);
for (t in B) e.isFunction(B[t]) && t.slice(0, 2) !== "on" && (B[t] = B[t].call(R));
B.rel = B.rel || R.rel || "nofollow", B.href = B.href || e(R).attr("href"), B.title = B.title || R.title, typeof B.href == "string" && (B.href = e.trim(B.href))
}
function it(t, n) {
e.event.trigger(t), n && n.call(R)
}
function st() {
var e, t = s + "Slideshow_",
n = "click." + s,
r, i, o;
B.slideshow && T[1] ? (r = function() {
M.text(B.slideshowStop).unbind(n).bind(f, function() {
if (B.loop || T[U + 1]) e = setTimeout(J.next, B.slideshowSpeed)
}).bind(a, function() {
clearTimeout(e)
}).one(n + " " + l, i), g.removeClass(t + "off").addClass(t + "on"), e = setTimeout(J.next, B.slideshowSpeed)
}, i = function() {
clearTimeout(e), M.text(B.slideshowStart).unbind([f, a, l, n].join(" ")).one(n, function() {
J.next(), r()
}), g.removeClass(t + "on").addClass(t + "off")
}, B.slideshowAuto ? r() : i()) : g.removeClass(t + "off " + t + "on")
}
function ot(t) {
V || (R = t, rt(), T = e(R), U = 0, B.rel !== "nofollow" && (T = e("." + o).filter(function() {
var t = e.data(this, i),
n;
return t && (n = t.rel || this.rel), n === B.rel
}), U = T.index(R), U === -1 && (T = T.add(R), U = T.length - 1)), W || (W = X = !0, g.show(), B.returnFocus && e(R).blur().one(c, function() {
e(this).focus()
}), m.css({
opacity: +B.opacity,
cursor: B.overlayClose ? "pointer" : "auto"
}).show(), B.w = Z(B.initialWidth, "x"), B.h = Z(B.initialHeight, "y"), J.position(), d && N.bind("resize." + v + " scroll." + v, function() {
m.css({
width: tt(),
height: nt(),
top: N.scrollTop(),
left: N.scrollLeft()
})
}).trigger("resize." + v), it(u, B.onOpen), H.add(A).hide(), P.html(B.close).show()), J.load(!0))
}
function ut() {
!g && t.body && (Q = !1, N = e(n), g = G(K).attr({
id: i,
"class": p ? s + (d ? "IE6" : "IE") : ""
}).hide(), m = G(K, "Overlay", d ? "position:absolute" : "").hide(), L = G(K, "LoadingOverlay").add(G(K, "LoadingGraphic")), y = G(K, "Wrapper"), b = G(K, "Content").append(C = G(K, "LoadedContent", "width:0; height:0; overflow:hidden"), A = G(K, "Title"), O = G(K, "Current"), _ = G(K, "Next"), D = G(K, "Previous"), M = G(K, "Slideshow").bind(u, st), P = G(K, "Close")), y.append(G(K).append(G(K, "TopLeft"), w = G(K, "TopCenter"), G(K, "TopRight")), G(K, !1, "clear:left").append(E = G(K, "MiddleLeft"), b, S = G(K, "MiddleRight")), G(K, !1, "clear:left").append(G(K, "BottomLeft"), x = G(K, "BottomCenter"), G(K, "BottomRight"))).find("div div").css({
"float": "left"
}), k = G(K, !1, "position:absolute; width:9999px; visibility:hidden; display:none"), H = _.add(D).add(O).add(M), e(t.body).append(m, g.append(y, k)))
}
function at() {
return g ? (Q || (Q = !0, j = w.height() + x.height() + b.outerHeight(!0) - b.height(), F = E.width() + S.width() + b.outerWidth(!0) - b.width(), I = C.outerHeight(!0), q = C.outerWidth(!0), g.css({
"padding-bottom": j,
"padding-right": F
}), _.click(function() {
J.next()
}), D.click(function() {
J.prev()
}), P.click(function() {
J.close()
}), m.click(function() {
B.overlayClose && J.close()
}), e(t).bind("keydown." + s, function(e) {
var t = e.keyCode;
W && B.escKey && t === 27 && (e.preventDefault(), J.close()), W && B.arrowKey && T[1] && (t === 37 ? (e.preventDefault(), D.click()) : t === 39 && (e.preventDefault(), _.click()))
}), e("." + o, t).live("click", function(e) {
e.which > 1 || e.shiftKey || e.altKey || e.metaKey || (e.preventDefault(), ot(this))
})), !0) : !1
}
var r = {
transition: "elastic",
speed: 300,
width: !1,
initialWidth: "600",
innerWidth: !1,
maxWidth: !1,
height: !1,
initialHeight: "450",
innerHeight: !1,
maxHeight: !1,
scalePhotos: !0,
scrolling: !0,
inline: !1,
html: !1,
iframe: !1,
fastIframe: !0,
photo: !1,
href: !1,
title: !1,
rel: !1,
opacity: .9,
preloading: !0,
current: "image {current} of {total}",
previous: "previous",
next: "next",
close: "close",
xhrError: "This content failed to load.",
imgError: "This image failed to load.",
open: !1,
returnFocus: !0,
reposition: !0,
loop: !0,
slideshow: !1,
slideshowAuto: !0,
slideshowSpeed: 2500,
slideshowStart: "start slideshow",
slideshowStop: "stop slideshow",
onOpen: !1,
onLoad: !1,
onComplete: !1,
onCleanup: !1,
onClosed: !1,
overlayClose: !0,
escKey: !0,
arrowKey: !0,
top: !1,
bottom: !1,
left: !1,
right: !1,
fixed: !1,
data: undefined
},
i = "colorbox",
s = "cbox",
o = s + "Element",
u = s + "_open",
a = s + "_load",
f = s + "_complete",
l = s + "_cleanup",
c = s + "_closed",
h = s + "_purge",
p = !e.support.opacity && !e.support.style,
d = p && !n.XMLHttpRequest,
v = s + "_IE6",
m, g, y, b, w, E, S, x, T, N, C, k, L, A, O, M, _, D, P, H, B, j, F, I, q, R, U, z, W, X, V, $, J, K = "div",
Q;
if (e.colorbox) return;
e(ut), J = e.fn[i] = e[i] = function(t, n) {
var s = this;
t = t || {}, ut();
if (at()) {
if (!s[0]) {
if (s.selector) return s;
s = e("<a/>"), t.open = !0
}
n && (t.onComplete = n), s.each(function() {
e.data(this, i, e.extend({}, e.data(this, i) || r, t))
}).addClass(o), (e.isFunction(t.open) && t.open.call(s) || t.open) && ot(s[0])
}
return s
}, J.position = function(e, t) {
function f(e) {
w[0].style.width = x[0].style.width = b[0].style.width = e.style.width, b[0].style.height = E[0].style.height = S[0].style.height = e.style.height
}
var n, r = 0,
i = 0,
o = g.offset(),
u, a;
N.unbind("resize." + s), g.css({
top: -9e4,
left: -9e4
}), u = N.scrollTop(), a = N.scrollLeft(), B.fixed && !d ? (o.top -= u, o.left -= a, g.css({
position: "fixed"
})) : (r = u, i = a, g.css({
position: "absolute"
})), B.right !== !1 ? i += Math.max(tt() - B.w - q - F - Z(B.right, "x"), 0) : B.left !== !1 ? i += Z(B.left, "x") : i += Math.round(Math.max(tt() - B.w - q - F, 0) / 2), B.bottom !== !1 ? r += Math.max(nt() - B.h - I - j - Z(B.bottom, "y"), 0) : B.top !== !1 ? r += Z(B.top, "y") : r += Math.round(Math.max(nt() - B.h - I - j, 0) / 2), g.css({
top: o.top,
left: o.left
}), e = g.width() === B.w + q && g.height() === B.h + I ? 0 : e || 0, y[0].style.width = y[0].style.height = "9999px", n = {
width: B.w + q,
height: B.h + I,
top: r,
left: i
}, e === 0 && g.css(n), g.dequeue().animate(n, {
duration: e,
complete: function() {
f(this), X = !1, y[0].style.width = B.w + q + F + "px", y[0].style.height = B.h + I + j + "px", B.reposition && setTimeout(function() {
N.bind("resize." + s, J.position)
}, 1), t && t()
},
step: function() {
f(this)
}
})
}, J.resize = function(e) {
W && (e = e || {}, e.width && (B.w = Z(e.width, "x") - q - F), e.innerWidth && (B.w = Z(e.innerWidth, "x")), C.css({
width: B.w
}), e.height && (B.h = Z(e.height, "y") - I - j), e.innerHeight && (B.h = Z(e.innerHeight, "y")), !e.innerHeight && !e.height && (C.css({
height: "auto"
}), B.h = C.height()), C.css({
height: B.h
}), J.position(B.transition === "none" ? 0 : B.speed))
}, J.prep = function(t) {
function o() {
return B.w = B.w || C.width(), B.w = B.mw && B.mw < B.w ? B.mw : B.w, B.w
}
function u() {
return B.h = B.h || C.height(), B.h = B.mh && B.mh < B.h ? B.mh : B.h, B.h
}
if (!W) return;
var n, r = B.transition === "none" ? 0 : B.speed;
C.remove(), C = G(K, "LoadedContent").append(t), C.hide().appendTo(k.show()).css({
width: o(),
overflow: B.scrolling ? "auto" : "hidden"
}).css({
height: u()
}).prependTo(b), k.hide(), e(z).css({
"float": "none"
}), d && e("select").not(g.find("select")).filter(function() {
return this.style.visibility !== "hidden"
}).css({
visibility: "hidden"
}).one(l, function() {
this.style.visibility = "inherit"
}), n = function() {
function y() {
p && g[0].style.removeAttribute("filter")
}
var t, n, o = T.length,
u, a = "frameBorder",
l = "allowTransparency",
c, d, v, m;
if (!W) return;
c = function() {
clearTimeout($), L.detach().hide(), it(f, B.onComplete)
}, p && z && C.fadeIn(100), A.html(B.title).add(C).show();
if (o > 1) {
typeof B.current == "string" && O.html(B.current.replace("{current}", U + 1).replace("{total}", o)).show(), _[B.loop || U < o - 1 ? "show" : "hide"]().html(B.next), D[B.loop || U ? "show" : "hide"]().html(B.previous), B.slideshow && M.show();
if (B.preloading) {
t = [Y(-1), Y(1)];
while (n = T[t.pop()]) m = e.data(n, i), m && m.href ? (d = m.href, e.isFunction(d) && (d = d.call(n))) : d = n.href, et(d) && (v = new Image, v.src = d)
}
} else H.hide();
B.iframe ? (u = G("iframe")[0], a in u && (u[a] = 0), l in u && (u[l] = "true"), u.name = s + +(new Date), B.fastIframe ? c() : e(u).one("load", c), u.src = B.href, B.scrolling || (u.scrolling = "no"), e(u).addClass(s + "Iframe").appendTo(C).one(h, function() {
u.src = "//about:blank"
})) : c(), B.transition === "fade" ? g.fadeTo(r, 1, y) : y()
}, B.transition === "fade" ? g.fadeTo(r, 0, function() {
J.position(0, n)
}) : J.position(r, n)
}, J.load = function(t) {
var n, r, i = J.prep;
X = !0, z = !1, R = T[U], t || rt(), it(h), it(a, B.onLoad), B.h = B.height ? Z(B.height, "y") - I - j : B.innerHeight && Z(B.innerHeight, "y"), B.w = B.width ? Z(B.width, "x") - q - F : B.innerWidth && Z(B.innerWidth, "x"), B.mw = B.w, B.mh = B.h, B.maxWidth && (B.mw = Z(B.maxWidth, "x") - q - F, B.mw = B.w && B.w < B.mw ? B.w : B.mw), B.maxHeight && (B.mh = Z(B.maxHeight, "y") - I - j, B.mh = B.h && B.h < B.mh ? B.h : B.mh), n = B.href, $ = setTimeout(function() {
L.show().appendTo(b)
}, 100), B.inline ? (G(K).hide().insertBefore(e(n)[0]).one(h, function() {
e(this).replaceWith(C.children())
}), i(e(n))) : B.iframe ? i(" ") : B.html ? i(B.html) : et(n) ? (e(z = new Image).addClass(s + "Photo").error(function() {
B.title = !1, i(G(K, "Error").html(B.imgError))
}).load(function() {
var e;
z.onload = null, B.scalePhotos && (r = function() {
z.height -= z.height * e, z.width -= z.width * e
}, B.mw && z.width > B.mw && (e = (z.width - B.mw) / z.width, r()), B.mh && z.height > B.mh && (e = (z.height - B.mh) / z.height, r())), B.h && (z.style.marginTop = Math.max(B.h - z.height, 0) / 2 + "px"), T[1] && (B.loop || T[U + 1]) && (z.style.cursor = "pointer", z.onclick = function() {
J.next()
}), p && (z.style.msInterpolationMode = "bicubic"), setTimeout(function() {
i(z)
}, 1)
}), setTimeout(function() {
z.src = n
}, 1)) : n && k.load(n, B.data, function(t, n, r) {
i(n === "error" ? G(K, "Error").html(B.xhrError) : e(this).contents())
})
}, J.next = function() {
!X && T[1] && (B.loop || T[U + 1]) && (U = Y(1), J.load())
}, J.prev = function() {
!X && T[1] && (B.loop || U) && (U = Y(-1), J.load())
}, J.close = function() {
W && !V && (V = !0, W = !1, it(l, B.onCleanup), N.unbind("." + s + " ." + v), m.fadeTo(200, 0), g.stop().fadeTo(300, 0, function() {
g.add(m).css({
opacity: 1,
cursor: "auto"
}).hide(), it(h), C.remove(), setTimeout(function() {
V = !1, it(c, B.onClosed)
}, 1)
}))
}, J.remove = function() {
e([]).add(g).add(m).remove(), g = null, e("." + o).removeData(i).removeClass(o).die()
}, J.element = function() {
return e(R)
}, J.settings = r
})(jQuery, document, this);
Raw
style.css
#cboxOverlay{background:url(https://img.homepagemodules.de/ds/static/aktionen/adventskal/images/overlay.png) repeat 0 0;}
#containerCal {
width: 320px;
height: 240px;
margin: auto;
position:relative;
display:none;
}
#Adfooter {
display:none;
bottom:7%;
margin:auto;
right: 10%;
position: absolute;
color:white;
font-size: 10px;
text-align: right;
}
#Adfooter a {
color:white;
font-size: 10px;
}
#innerCal {
width: 100%;
height: 100%;
margin: 0 auto 0 auto;
padding-top: 2%;
padding-bottom: 2%;
padding-left: 5%;
padding-right: 5%;
position:relative !IMPORTANT;
}
#mybg {
position: absolute !IMPORTANT;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
filter: blur(5px);
}
.door {
background-image: url(http://www.bilder-hochladen.net/files/jtlt-s-33e7.jpg);
width: 9.5%;
height: 15%;
float: left;
margin-top: 3%;
margin-right: 5%;
padding-left: 1%;
padding-top: 1%;
color: white;
text-align:left !IMPORTANT;
font-weight: bold;
border: 1px dotted white;
cursor:pointer;
}
.door:hover {
background-color: #E90000;
opacity: 0.7;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment