1
This commit is contained in:
你的名字
BIN
public/static/plugs/supersized/progress.gif
Normal file
BIN
public/static/plugs/supersized/progress.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.4 KiB |
677
public/static/plugs/supersized/supersized.3.2.7.min.js
vendored
Normal file
677
public/static/plugs/supersized/supersized.3.2.7.min.js
vendored
Normal file
@ -0,0 +1,677 @@
|
||||
/*
|
||||
|
||||
Supersized - Fullscreen Slideshow jQuery Plugin
|
||||
Version : 3.2.7
|
||||
Site : www.buildinternet.com/project/supersized
|
||||
|
||||
Author : Sam Dunn
|
||||
Company : One Mighty Roar (www.onemightyroar.com)
|
||||
License : MIT License / GPL License
|
||||
|
||||
*/
|
||||
|
||||
(function (a) {
|
||||
a(document).ready(function () {
|
||||
a("body").append('<div id="supersized-loader"></div><ul id="supersized"></ul>')
|
||||
});
|
||||
a.supersized = function (b) {
|
||||
var c = "#supersized", d = this;
|
||||
d.$el = a(c);
|
||||
d.el = c;
|
||||
vars = a.supersized.vars;
|
||||
d.$el.data("supersized", d);
|
||||
api = d.$el.data("supersized");
|
||||
d.init = function () {
|
||||
a.supersized.vars = a.extend(a.supersized.vars, a.supersized.themeVars);
|
||||
a.supersized.vars.options = a.extend({}, a.supersized.defaultOptions, a.supersized.themeOptions, b);
|
||||
d.options = a.supersized.vars.options;
|
||||
d._build()
|
||||
};
|
||||
d._build = function () {
|
||||
var g = 0, e = "", j = "", h, f = "", i;
|
||||
while (g <= d.options.slides.length - 1) {
|
||||
switch (d.options.slide_links) {
|
||||
case"num":
|
||||
h = g;
|
||||
break;
|
||||
case"name":
|
||||
h = d.options.slides[g].title;
|
||||
break;
|
||||
case"blank":
|
||||
h = "";
|
||||
break
|
||||
}
|
||||
e = e + '<li class="slide-' + g + '"></li>';
|
||||
if (g == d.options.start_slide - 1) {
|
||||
if (d.options.slide_links) {
|
||||
j = j + '<li class="slide-link-' + g + ' current-slide"><a>' + h + "</a></li>"
|
||||
}
|
||||
if (d.options.thumb_links) {
|
||||
d.options.slides[g].thumb ? i = d.options.slides[g].thumb : i = d.options.slides[g].image;
|
||||
f = f + '<li class="thumb' + g + ' current-thumb"><img src="' + i + '"/></li>'
|
||||
}
|
||||
} else {
|
||||
if (d.options.slide_links) {
|
||||
j = j + '<li class="slide-link-' + g + '" ><a>' + h + "</a></li>"
|
||||
}
|
||||
if (d.options.thumb_links) {
|
||||
d.options.slides[g].thumb ? i = d.options.slides[g].thumb : i = d.options.slides[g].image;
|
||||
f = f + '<li class="thumb' + g + '"><img src="' + i + '"/></li>'
|
||||
}
|
||||
}
|
||||
g++
|
||||
}
|
||||
if (d.options.slide_links) {
|
||||
a(vars.slide_list).html(j)
|
||||
}
|
||||
if (d.options.thumb_links && vars.thumb_tray.length) {
|
||||
a(vars.thumb_tray).append('<ul id="' + vars.thumb_list.replace("#", "") + '">' + f + "</ul>")
|
||||
}
|
||||
a(d.el).append(e);
|
||||
if (d.options.thumbnail_navigation) {
|
||||
vars.current_slide - 1 < 0 ? prevThumb = d.options.slides.length - 1 : prevThumb = vars.current_slide - 1;
|
||||
a(vars.prev_thumb).show().html(a("<img/>").attr("src", d.options.slides[prevThumb].image));
|
||||
vars.current_slide == d.options.slides.length - 1 ? nextThumb = 0 : nextThumb = vars.current_slide + 1;
|
||||
a(vars.next_thumb).show().html(a("<img/>").attr("src", d.options.slides[nextThumb].image))
|
||||
}
|
||||
d._start()
|
||||
};
|
||||
d._start = function () {
|
||||
if (d.options.start_slide) {
|
||||
vars.current_slide = d.options.start_slide - 1
|
||||
} else {
|
||||
vars.current_slide = Math.floor(Math.random() * d.options.slides.length)
|
||||
}
|
||||
var o = d.options.new_window ? ' target="_blank"' : "";
|
||||
if (d.options.performance == 3) {
|
||||
d.$el.addClass("speed")
|
||||
} else {
|
||||
if ((d.options.performance == 1) || (d.options.performance == 2)) {
|
||||
d.$el.addClass("quality")
|
||||
}
|
||||
}
|
||||
if (d.options.random) {
|
||||
arr = d.options.slides;
|
||||
for (var h, m, k = arr.length; k; h = parseInt(Math.random() * k), m = arr[--k], arr[k] = arr[h], arr[h] = m) {
|
||||
}
|
||||
d.options.slides = arr
|
||||
}
|
||||
if (d.options.slides.length > 1) {
|
||||
if (d.options.slides.length > 2) {
|
||||
vars.current_slide - 1 < 0 ? loadPrev = d.options.slides.length - 1 : loadPrev = vars.current_slide - 1;
|
||||
var g = (d.options.slides[loadPrev].url) ? "href='" + d.options.slides[loadPrev].url + "'" : "";
|
||||
var q = a('<img src="' + d.options.slides[loadPrev].image + '"/>');
|
||||
var n = d.el + " li:eq(" + loadPrev + ")";
|
||||
q.appendTo(n).wrap("<a " + g + o + "></a>").parent().parent().addClass("image-loading prevslide");
|
||||
q.load(function () {
|
||||
a(this).data("origWidth", a(this).width()).data("origHeight", a(this).height());
|
||||
d.resizeNow()
|
||||
})
|
||||
}
|
||||
} else {
|
||||
d.options.slideshow = 0
|
||||
}
|
||||
g = (api.getField("url")) ? "href='" + api.getField("url") + "'" : "";
|
||||
var l = a('<img src="' + api.getField("image") + '"/>');
|
||||
var f = d.el + " li:eq(" + vars.current_slide + ")";
|
||||
l.appendTo(f).wrap("<a " + g + o + "></a>").parent().parent().addClass("image-loading activeslide");
|
||||
l.load(function () {
|
||||
d._origDim(a(this));
|
||||
d.resizeNow();
|
||||
d.launch();
|
||||
if (typeof theme != "undefined" && typeof theme._init == "function") {
|
||||
theme._init()
|
||||
}
|
||||
});
|
||||
if (d.options.slides.length > 1) {
|
||||
vars.current_slide == d.options.slides.length - 1 ? loadNext = 0 : loadNext = vars.current_slide + 1;
|
||||
g = (d.options.slides[loadNext].url) ? "href='" + d.options.slides[loadNext].url + "'" : "";
|
||||
var e = a('<img src="' + d.options.slides[loadNext].image + '"/>');
|
||||
var p = d.el + " li:eq(" + loadNext + ")";
|
||||
e.appendTo(p).wrap("<a " + g + o + "></a>").parent().parent().addClass("image-loading");
|
||||
e.load(function () {
|
||||
a(this).data("origWidth", a(this).width()).data("origHeight", a(this).height());
|
||||
d.resizeNow()
|
||||
})
|
||||
}
|
||||
d.$el.css("visibility", "hidden");
|
||||
a(".load-item").hide()
|
||||
};
|
||||
d.launch = function () {
|
||||
d.$el.css("visibility", "visible");
|
||||
a("#supersized-loader").remove();
|
||||
if (typeof theme != "undefined" && typeof theme.beforeAnimation == "function") {
|
||||
theme.beforeAnimation("next")
|
||||
}
|
||||
a(".load-item").show();
|
||||
if (d.options.keyboard_nav) {
|
||||
a(document.documentElement).keyup(function (e) {
|
||||
if (vars.in_animation) {
|
||||
return false
|
||||
}
|
||||
if ((e.keyCode == 37) || (e.keyCode == 40)) {
|
||||
clearInterval(vars.slideshow_interval);
|
||||
d.prevSlide()
|
||||
} else {
|
||||
if ((e.keyCode == 39) || (e.keyCode == 38)) {
|
||||
clearInterval(vars.slideshow_interval);
|
||||
d.nextSlide()
|
||||
} else {
|
||||
if (e.keyCode == 32 && !vars.hover_pause) {
|
||||
clearInterval(vars.slideshow_interval);
|
||||
d.playToggle()
|
||||
}
|
||||
}
|
||||
}
|
||||
})
|
||||
}
|
||||
if (d.options.slideshow && d.options.pause_hover) {
|
||||
a(d.el).hover(function () {
|
||||
if (vars.in_animation) {
|
||||
return false
|
||||
}
|
||||
vars.hover_pause = true;
|
||||
if (!vars.is_paused) {
|
||||
vars.hover_pause = "resume";
|
||||
d.playToggle()
|
||||
}
|
||||
}, function () {
|
||||
if (vars.hover_pause == "resume") {
|
||||
d.playToggle();
|
||||
vars.hover_pause = false
|
||||
}
|
||||
})
|
||||
}
|
||||
if (d.options.slide_links) {
|
||||
a(vars.slide_list + "> li").click(function () {
|
||||
index = a(vars.slide_list + "> li").index(this);
|
||||
targetSlide = index + 1;
|
||||
d.goTo(targetSlide);
|
||||
return false
|
||||
})
|
||||
}
|
||||
if (d.options.thumb_links) {
|
||||
a(vars.thumb_list + "> li").click(function () {
|
||||
index = a(vars.thumb_list + "> li").index(this);
|
||||
targetSlide = index + 1;
|
||||
api.goTo(targetSlide);
|
||||
return false
|
||||
})
|
||||
}
|
||||
if (d.options.slideshow && d.options.slides.length > 1) {
|
||||
if (d.options.autoplay && d.options.slides.length > 1) {
|
||||
vars.slideshow_interval = setInterval(d.nextSlide, d.options.slide_interval)
|
||||
} else {
|
||||
vars.is_paused = true
|
||||
}
|
||||
a(".load-item img").bind("contextmenu mousedown", function () {
|
||||
return false
|
||||
})
|
||||
}
|
||||
a(window).resize(function () {
|
||||
d.resizeNow()
|
||||
})
|
||||
};
|
||||
d.resizeNow = function () {
|
||||
return d.$el.each(function () {
|
||||
a("img", d.el).each(function () {
|
||||
thisSlide = a(this);
|
||||
var f = (thisSlide.data("origHeight") / thisSlide.data("origWidth")).toFixed(2);
|
||||
var e = d.$el.width(), h = d.$el.height(), i;
|
||||
if (d.options.fit_always) {
|
||||
if ((h / e) > f) {
|
||||
g()
|
||||
} else {
|
||||
j()
|
||||
}
|
||||
} else {
|
||||
if ((h <= d.options.min_height) && (e <= d.options.min_width)) {
|
||||
if ((h / e) > f) {
|
||||
d.options.fit_landscape && f < 1 ? g(true) : j(true)
|
||||
} else {
|
||||
d.options.fit_portrait && f >= 1 ? j(true) : g(true)
|
||||
}
|
||||
} else {
|
||||
if (e <= d.options.min_width) {
|
||||
if ((h / e) > f) {
|
||||
d.options.fit_landscape && f < 1 ? g(true) : j()
|
||||
} else {
|
||||
d.options.fit_portrait && f >= 1 ? j() : g(true)
|
||||
}
|
||||
} else {
|
||||
if (h <= d.options.min_height) {
|
||||
if ((h / e) > f) {
|
||||
d.options.fit_landscape && f < 1 ? g() : j(true)
|
||||
} else {
|
||||
d.options.fit_portrait && f >= 1 ? j(true) : g()
|
||||
}
|
||||
} else {
|
||||
if ((h / e) > f) {
|
||||
d.options.fit_landscape && f < 1 ? g() : j()
|
||||
} else {
|
||||
d.options.fit_portrait && f >= 1 ? j() : g()
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function g(k) {
|
||||
if (k) {
|
||||
if (thisSlide.width() < e || thisSlide.width() < d.options.min_width) {
|
||||
if (thisSlide.width() * f >= d.options.min_height) {
|
||||
thisSlide.width(d.options.min_width);
|
||||
thisSlide.height(thisSlide.width() * f)
|
||||
} else {
|
||||
j()
|
||||
}
|
||||
}
|
||||
} else {
|
||||
if (d.options.min_height >= h && !d.options.fit_landscape) {
|
||||
if (e * f >= d.options.min_height || (e * f >= d.options.min_height && f <= 1)) {
|
||||
thisSlide.width(e);
|
||||
thisSlide.height(e * f)
|
||||
} else {
|
||||
if (f > 1) {
|
||||
thisSlide.height(d.options.min_height);
|
||||
thisSlide.width(thisSlide.height() / f)
|
||||
} else {
|
||||
if (thisSlide.width() < e) {
|
||||
thisSlide.width(e);
|
||||
thisSlide.height(thisSlide.width() * f)
|
||||
}
|
||||
}
|
||||
}
|
||||
} else {
|
||||
thisSlide.width(e);
|
||||
thisSlide.height(e * f)
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function j(k) {
|
||||
if (k) {
|
||||
if (thisSlide.height() < h) {
|
||||
if (thisSlide.height() / f >= d.options.min_width) {
|
||||
thisSlide.height(d.options.min_height);
|
||||
thisSlide.width(thisSlide.height() / f)
|
||||
} else {
|
||||
g(true)
|
||||
}
|
||||
}
|
||||
} else {
|
||||
if (d.options.min_width >= e) {
|
||||
if (h / f >= d.options.min_width || f > 1) {
|
||||
thisSlide.height(h);
|
||||
thisSlide.width(h / f)
|
||||
} else {
|
||||
if (f <= 1) {
|
||||
thisSlide.width(d.options.min_width);
|
||||
thisSlide.height(thisSlide.width() * f)
|
||||
}
|
||||
}
|
||||
} else {
|
||||
thisSlide.height(h);
|
||||
thisSlide.width(h / f)
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
if (thisSlide.parents("li").hasClass("image-loading")) {
|
||||
a(".image-loading").removeClass("image-loading")
|
||||
}
|
||||
if (d.options.horizontal_center) {
|
||||
a(this).css("left", (e - a(this).width()) / 2)
|
||||
}
|
||||
if (d.options.vertical_center) {
|
||||
a(this).css("top", (h - a(this).height()) / 2)
|
||||
}
|
||||
});
|
||||
if (d.options.image_protect) {
|
||||
a("img", d.el).bind("contextmenu mousedown", function () {
|
||||
return false
|
||||
})
|
||||
}
|
||||
return false
|
||||
})
|
||||
};
|
||||
d.nextSlide = function () {
|
||||
if (vars.in_animation || !api.options.slideshow) {
|
||||
return false
|
||||
} else {
|
||||
vars.in_animation = true
|
||||
}
|
||||
clearInterval(vars.slideshow_interval);
|
||||
var h = d.options.slides, e = d.$el.find(".activeslide");
|
||||
a(".prevslide").removeClass("prevslide");
|
||||
e.removeClass("activeslide").addClass("prevslide");
|
||||
vars.current_slide + 1 == d.options.slides.length ? vars.current_slide = 0 : vars.current_slide++;
|
||||
var g = a(d.el + " li:eq(" + vars.current_slide + ")"), i = d.$el.find(".prevslide");
|
||||
if (d.options.performance == 1) {
|
||||
d.$el.removeClass("quality").addClass("speed")
|
||||
}
|
||||
loadSlide = false;
|
||||
vars.current_slide == d.options.slides.length - 1 ? loadSlide = 0 : loadSlide = vars.current_slide + 1;
|
||||
var k = d.el + " li:eq(" + loadSlide + ")";
|
||||
if (!a(k).html()) {
|
||||
var j = d.options.new_window ? ' target="_blank"' : "";
|
||||
imageLink = (d.options.slides[loadSlide].url) ? "href='" + d.options.slides[loadSlide].url + "'" : "";
|
||||
var f = a('<img src="' + d.options.slides[loadSlide].image + '"/>');
|
||||
f.appendTo(k).wrap("<a " + imageLink + j + "></a>").parent().parent().addClass("image-loading").css("visibility", "hidden");
|
||||
f.load(function () {
|
||||
d._origDim(a(this));
|
||||
d.resizeNow()
|
||||
})
|
||||
}
|
||||
if (d.options.thumbnail_navigation == 1) {
|
||||
vars.current_slide - 1 < 0 ? prevThumb = d.options.slides.length - 1 : prevThumb = vars.current_slide - 1;
|
||||
a(vars.prev_thumb).html(a("<img/>").attr("src", d.options.slides[prevThumb].image));
|
||||
nextThumb = loadSlide;
|
||||
a(vars.next_thumb).html(a("<img/>").attr("src", d.options.slides[nextThumb].image))
|
||||
}
|
||||
if (typeof theme != "undefined" && typeof theme.beforeAnimation == "function") {
|
||||
theme.beforeAnimation("next")
|
||||
}
|
||||
if (d.options.slide_links) {
|
||||
a(".current-slide").removeClass("current-slide");
|
||||
a(vars.slide_list + "> li").eq(vars.current_slide).addClass("current-slide")
|
||||
}
|
||||
g.css("visibility", "hidden").addClass("activeslide");
|
||||
switch (d.options.transition) {
|
||||
case 0:
|
||||
case"none":
|
||||
g.css("visibility", "visible");
|
||||
vars.in_animation = false;
|
||||
d.afterAnimation();
|
||||
break;
|
||||
case 1:
|
||||
case"fade":
|
||||
g.animate({opacity: 0}, 0).css("visibility", "visible").animate({opacity: 1, avoidTransforms: false}, d.options.transition_speed, function () {
|
||||
d.afterAnimation()
|
||||
});
|
||||
break;
|
||||
case 2:
|
||||
case"slideTop":
|
||||
g.animate({top: -d.$el.height()}, 0).css("visibility", "visible").animate({top: 0, avoidTransforms: false}, d.options.transition_speed, function () {
|
||||
d.afterAnimation()
|
||||
});
|
||||
break;
|
||||
case 3:
|
||||
case"slideRight":
|
||||
g.animate({left: d.$el.width()}, 0).css("visibility", "visible").animate({left: 0, avoidTransforms: false}, d.options.transition_speed, function () {
|
||||
d.afterAnimation()
|
||||
});
|
||||
break;
|
||||
case 4:
|
||||
case"slideBottom":
|
||||
g.animate({top: d.$el.height()}, 0).css("visibility", "visible").animate({top: 0, avoidTransforms: false}, d.options.transition_speed, function () {
|
||||
d.afterAnimation()
|
||||
});
|
||||
break;
|
||||
case 5:
|
||||
case"slideLeft":
|
||||
g.animate({left: -d.$el.width()}, 0).css("visibility", "visible").animate({left: 0, avoidTransforms: false}, d.options.transition_speed, function () {
|
||||
d.afterAnimation()
|
||||
});
|
||||
break;
|
||||
case 6:
|
||||
case"carouselRight":
|
||||
g.animate({left: d.$el.width()}, 0).css("visibility", "visible").animate({left: 0, avoidTransforms: false}, d.options.transition_speed, function () {
|
||||
d.afterAnimation()
|
||||
});
|
||||
e.animate({left: -d.$el.width(), avoidTransforms: false}, d.options.transition_speed);
|
||||
break;
|
||||
case 7:
|
||||
case"carouselLeft":
|
||||
g.animate({left: -d.$el.width()}, 0).css("visibility", "visible").animate({left: 0, avoidTransforms: false}, d.options.transition_speed, function () {
|
||||
d.afterAnimation()
|
||||
});
|
||||
e.animate({left: d.$el.width(), avoidTransforms: false}, d.options.transition_speed);
|
||||
break
|
||||
}
|
||||
return false
|
||||
};
|
||||
d.prevSlide = function () {
|
||||
if (vars.in_animation || !api.options.slideshow) {
|
||||
return false
|
||||
} else {
|
||||
vars.in_animation = true
|
||||
}
|
||||
clearInterval(vars.slideshow_interval);
|
||||
var h = d.options.slides, e = d.$el.find(".activeslide");
|
||||
a(".prevslide").removeClass("prevslide");
|
||||
e.removeClass("activeslide").addClass("prevslide");
|
||||
vars.current_slide == 0 ? vars.current_slide = d.options.slides.length - 1 : vars.current_slide--;
|
||||
var g = a(d.el + " li:eq(" + vars.current_slide + ")"), i = d.$el.find(".prevslide");
|
||||
if (d.options.performance == 1) {
|
||||
d.$el.removeClass("quality").addClass("speed")
|
||||
}
|
||||
loadSlide = vars.current_slide;
|
||||
var k = d.el + " li:eq(" + loadSlide + ")";
|
||||
if (!a(k).html()) {
|
||||
var j = d.options.new_window ? ' target="_blank"' : "";
|
||||
imageLink = (d.options.slides[loadSlide].url) ? "href='" + d.options.slides[loadSlide].url + "'" : "";
|
||||
var f = a('<img src="' + d.options.slides[loadSlide].image + '"/>');
|
||||
f.appendTo(k).wrap("<a " + imageLink + j + "></a>").parent().parent().addClass("image-loading").css("visibility", "hidden");
|
||||
f.load(function () {
|
||||
d._origDim(a(this));
|
||||
d.resizeNow()
|
||||
})
|
||||
}
|
||||
if (d.options.thumbnail_navigation == 1) {
|
||||
loadSlide == 0 ? prevThumb = d.options.slides.length - 1 : prevThumb = loadSlide - 1;
|
||||
a(vars.prev_thumb).html(a("<img/>").attr("src", d.options.slides[prevThumb].image));
|
||||
vars.current_slide == d.options.slides.length - 1 ? nextThumb = 0 : nextThumb = vars.current_slide + 1;
|
||||
a(vars.next_thumb).html(a("<img/>").attr("src", d.options.slides[nextThumb].image))
|
||||
}
|
||||
if (typeof theme != "undefined" && typeof theme.beforeAnimation == "function") {
|
||||
theme.beforeAnimation("prev")
|
||||
}
|
||||
if (d.options.slide_links) {
|
||||
a(".current-slide").removeClass("current-slide");
|
||||
a(vars.slide_list + "> li").eq(vars.current_slide).addClass("current-slide")
|
||||
}
|
||||
g.css("visibility", "hidden").addClass("activeslide");
|
||||
switch (d.options.transition) {
|
||||
case 0:
|
||||
case"none":
|
||||
g.css("visibility", "visible");
|
||||
vars.in_animation = false;
|
||||
d.afterAnimation();
|
||||
break;
|
||||
case 1:
|
||||
case"fade":
|
||||
g.animate({opacity: 0}, 0).css("visibility", "visible").animate({opacity: 1, avoidTransforms: false}, d.options.transition_speed, function () {
|
||||
d.afterAnimation()
|
||||
});
|
||||
break;
|
||||
case 2:
|
||||
case"slideTop":
|
||||
g.animate({top: d.$el.height()}, 0).css("visibility", "visible").animate({top: 0, avoidTransforms: false}, d.options.transition_speed, function () {
|
||||
d.afterAnimation()
|
||||
});
|
||||
break;
|
||||
case 3:
|
||||
case"slideRight":
|
||||
g.animate({left: -d.$el.width()}, 0).css("visibility", "visible").animate({left: 0, avoidTransforms: false}, d.options.transition_speed, function () {
|
||||
d.afterAnimation()
|
||||
});
|
||||
break;
|
||||
case 4:
|
||||
case"slideBottom":
|
||||
g.animate({top: -d.$el.height()}, 0).css("visibility", "visible").animate({top: 0, avoidTransforms: false}, d.options.transition_speed, function () {
|
||||
d.afterAnimation()
|
||||
});
|
||||
break;
|
||||
case 5:
|
||||
case"slideLeft":
|
||||
g.animate({left: d.$el.width()}, 0).css("visibility", "visible").animate({left: 0, avoidTransforms: false}, d.options.transition_speed, function () {
|
||||
d.afterAnimation()
|
||||
});
|
||||
break;
|
||||
case 6:
|
||||
case"carouselRight":
|
||||
g.animate({left: -d.$el.width()}, 0).css("visibility", "visible").animate({left: 0, avoidTransforms: false}, d.options.transition_speed, function () {
|
||||
d.afterAnimation()
|
||||
});
|
||||
e.animate({left: 0}, 0).animate({left: d.$el.width(), avoidTransforms: false}, d.options.transition_speed);
|
||||
break;
|
||||
case 7:
|
||||
case"carouselLeft":
|
||||
g.animate({left: d.$el.width()}, 0).css("visibility", "visible").animate({left: 0, avoidTransforms: false}, d.options.transition_speed, function () {
|
||||
d.afterAnimation()
|
||||
});
|
||||
e.animate({left: 0}, 0).animate({left: -d.$el.width(), avoidTransforms: false}, d.options.transition_speed);
|
||||
break
|
||||
}
|
||||
return false
|
||||
};
|
||||
d.playToggle = function () {
|
||||
if (vars.in_animation || !api.options.slideshow) {
|
||||
return false
|
||||
}
|
||||
if (vars.is_paused) {
|
||||
vars.is_paused = false;
|
||||
if (typeof theme != "undefined" && typeof theme.playToggle == "function") {
|
||||
theme.playToggle("play")
|
||||
}
|
||||
vars.slideshow_interval = setInterval(d.nextSlide, d.options.slide_interval)
|
||||
} else {
|
||||
vars.is_paused = true;
|
||||
if (typeof theme != "undefined" && typeof theme.playToggle == "function") {
|
||||
theme.playToggle("pause")
|
||||
}
|
||||
clearInterval(vars.slideshow_interval)
|
||||
}
|
||||
return false
|
||||
};
|
||||
d.goTo = function (f) {
|
||||
if (vars.in_animation || !api.options.slideshow) {
|
||||
return false
|
||||
}
|
||||
var e = d.options.slides.length;
|
||||
if (f < 0) {
|
||||
f = e
|
||||
} else {
|
||||
if (f > e) {
|
||||
f = 1
|
||||
}
|
||||
}
|
||||
f = e - f + 1;
|
||||
clearInterval(vars.slideshow_interval);
|
||||
if (typeof theme != "undefined" && typeof theme.goTo == "function") {
|
||||
theme.goTo()
|
||||
}
|
||||
if (vars.current_slide == e - f) {
|
||||
if (!(vars.is_paused)) {
|
||||
vars.slideshow_interval = setInterval(d.nextSlide, d.options.slide_interval)
|
||||
}
|
||||
return false
|
||||
}
|
||||
if (e - f > vars.current_slide) {
|
||||
vars.current_slide = e - f - 1;
|
||||
vars.update_images = "next";
|
||||
d._placeSlide(vars.update_images)
|
||||
} else {
|
||||
if (e - f < vars.current_slide) {
|
||||
vars.current_slide = e - f + 1;
|
||||
vars.update_images = "prev";
|
||||
d._placeSlide(vars.update_images)
|
||||
}
|
||||
}
|
||||
if (d.options.slide_links) {
|
||||
a(vars.slide_list + "> .current-slide").removeClass("current-slide");
|
||||
a(vars.slide_list + "> li").eq((e - f)).addClass("current-slide")
|
||||
}
|
||||
if (d.options.thumb_links) {
|
||||
a(vars.thumb_list + "> .current-thumb").removeClass("current-thumb");
|
||||
a(vars.thumb_list + "> li").eq((e - f)).addClass("current-thumb")
|
||||
}
|
||||
};
|
||||
d._placeSlide = function (e) {
|
||||
var h = d.options.new_window ? ' target="_blank"' : "";
|
||||
loadSlide = false;
|
||||
if (e == "next") {
|
||||
vars.current_slide == d.options.slides.length - 1 ? loadSlide = 0 : loadSlide = vars.current_slide + 1;
|
||||
var g = d.el + " li:eq(" + loadSlide + ")";
|
||||
if (!a(g).html()) {
|
||||
var h = d.options.new_window ? ' target="_blank"' : "";
|
||||
imageLink = (d.options.slides[loadSlide].url) ? "href='" + d.options.slides[loadSlide].url + "'" : "";
|
||||
var f = a('<img src="' + d.options.slides[loadSlide].image + '"/>');
|
||||
f.appendTo(g).wrap("<a " + imageLink + h + "></a>").parent().parent().addClass("image-loading").css("visibility", "hidden");
|
||||
f.load(function () {
|
||||
d._origDim(a(this));
|
||||
d.resizeNow()
|
||||
})
|
||||
}
|
||||
d.nextSlide()
|
||||
} else {
|
||||
if (e == "prev") {
|
||||
vars.current_slide - 1 < 0 ? loadSlide = d.options.slides.length - 1 : loadSlide = vars.current_slide - 1;
|
||||
var g = d.el + " li:eq(" + loadSlide + ")";
|
||||
if (!a(g).html()) {
|
||||
var h = d.options.new_window ? ' target="_blank"' : "";
|
||||
imageLink = (d.options.slides[loadSlide].url) ? "href='" + d.options.slides[loadSlide].url + "'" : "";
|
||||
var f = a('<img src="' + d.options.slides[loadSlide].image + '"/>');
|
||||
f.appendTo(g).wrap("<a " + imageLink + h + "></a>").parent().parent().addClass("image-loading").css("visibility", "hidden");
|
||||
f.load(function () {
|
||||
d._origDim(a(this));
|
||||
d.resizeNow()
|
||||
})
|
||||
}
|
||||
d.prevSlide()
|
||||
}
|
||||
}
|
||||
};
|
||||
d._origDim = function (e) {
|
||||
e.data("origWidth", e.width()).data("origHeight", e.height())
|
||||
};
|
||||
d.afterAnimation = function () {
|
||||
if (d.options.performance == 1) {
|
||||
d.$el.removeClass("speed").addClass("quality")
|
||||
}
|
||||
if (vars.update_images) {
|
||||
vars.current_slide - 1 < 0 ? setPrev = d.options.slides.length - 1 : setPrev = vars.current_slide - 1;
|
||||
vars.update_images = false;
|
||||
a(".prevslide").removeClass("prevslide");
|
||||
a(d.el + " li:eq(" + setPrev + ")").addClass("prevslide")
|
||||
}
|
||||
vars.in_animation = false;
|
||||
if (!vars.is_paused && d.options.slideshow) {
|
||||
vars.slideshow_interval = setInterval(d.nextSlide, d.options.slide_interval);
|
||||
if (d.options.stop_loop && vars.current_slide == d.options.slides.length - 1) {
|
||||
d.playToggle()
|
||||
}
|
||||
}
|
||||
if (typeof theme != "undefined" && typeof theme.afterAnimation == "function") {
|
||||
theme.afterAnimation()
|
||||
}
|
||||
return false
|
||||
};
|
||||
d.getField = function (e) {
|
||||
return d.options.slides[vars.current_slide][e]
|
||||
};
|
||||
d.init()
|
||||
};
|
||||
a.supersized.vars = {thumb_tray: "#thumb-tray", thumb_list: "#thumb-list", slide_list: "#slide-list", current_slide: 0, in_animation: false, is_paused: false, hover_pause: false, slideshow_interval: false, update_images: false, options: {}};
|
||||
a.supersized.defaultOptions = {slideshow: 1, autoplay: 1, start_slide: 1, stop_loop: 0, random: 0, slide_interval: 5000, transition: 1, transition_speed: 750, new_window: 1, pause_hover: 0, keyboard_nav: 1, performance: 1, image_protect: 1, fit_always: 0, fit_landscape: 0, fit_portrait: 1, min_width: 0, min_height: 0, horizontal_center: 1, vertical_center: 1, slide_links: 1, thumb_links: 1, thumbnail_navigation: 0};
|
||||
a.fn.supersized = function (b) {
|
||||
return this.each(function () {
|
||||
(new a.supersized(b))
|
||||
})
|
||||
}
|
||||
})(jQuery);
|
||||
|
||||
$(function () {
|
||||
if ($('[data-supersized]').size() > 0) {
|
||||
var slides = [];
|
||||
var attrs = $('[data-supersized]').data('supersized').split(',');
|
||||
for (var i in attrs) slides.push({image: attrs[i]});
|
||||
$.supersized({
|
||||
min_width: 0, min_height: 0, fit_always: 0,
|
||||
transition: 1, slide_links: 'blank', performance: 1,
|
||||
fit_portrait: 1, fit_landscape: 0, slide_interval: 6000,
|
||||
vertical_center: 1, transition_speed: 3000, horizontal_center: 1, slides: slides
|
||||
});
|
||||
}
|
||||
});
|
||||
1
public/static/plugs/supersized/supersized.css
Normal file
1
public/static/plugs/supersized/supersized.css
Normal file
@ -0,0 +1 @@
|
||||
*{margin:0;padding:0}body{background:#111;height:100%}img{border:0}#supersized-loader{position:absolute;top:50%;left:50%;z-index:0;width:60px;height:60px;margin:-30px 0 0 -30px;text-indent:-999em;background:url(progress.gif) no-repeat center center}#supersized{display:block;position:fixed;left:0;top:0;overflow:hidden;z-index:-999;height:100%;width:100%}#supersized img{width:auto;height:auto;position:relative;display:none;outline:0;border:0}#supersized.speed img{-ms-interpolation-mode:nearest-neighbor;image-rendering:-moz-crisp-edges}#supersized.quality img{-ms-interpolation-mode:bicubic;image-rendering:optimizeQuality}#supersized li{display:block;list-style:none;z-index:-30;position:fixed;overflow:hidden;top:0;left:0;width:100%;height:100%;background:#111}#supersized a{width:100%;height:100%;display:block}#supersized li.prevslide{z-index:-20}#supersized li.activeslide{z-index:-10}#supersized li.image-loading{background: url(progress.gif) no-repeat center center;width:100%;height:100%}#supersized li.image-loading img{visibility:hidden}#supersized li.prevslide img,#supersized li.activeslide img{display:inline}#supersized img{max-width:none!important}
|
||||
Reference in New Issue
Block a user