first commit
This commit is contained in:
CHIEFSOFT\ameye
@@ -0,0 +1,226 @@
|
||||
.cn-slideshow{
|
||||
width: 770px;
|
||||
height: 415px;
|
||||
position: relative;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.cn-loading{
|
||||
position: absolute;
|
||||
z-index:999;
|
||||
text-indent: -9000px;
|
||||
opacity:0.6;
|
||||
top:50%;
|
||||
left:50%;
|
||||
margin:-25px 0 0 -25px;
|
||||
width:50px;
|
||||
height:50px;
|
||||
background: url(loading.gif) no-repeat center center;
|
||||
}
|
||||
|
||||
.cn-images{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.cn-images img{
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
-webkit-border-radius: 0 0 7px 7px;
|
||||
-moz-border-radius: 0 0 7px 7px;
|
||||
border-radius: 0 0 7px 7px;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.cn-bar {
|
||||
height: 80px;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
color: #f8f8f8;
|
||||
-webkit-border-radius: 0 0 7px 7px;
|
||||
-moz-border-radius: 0 0 7px 7px;
|
||||
border-radius: 0 0 7px 7px;
|
||||
background-color: rgba(0,0,0,.9);
|
||||
z-index: 999;
|
||||
}
|
||||
|
||||
.ie7 .cn-bar,
|
||||
.ie8 .cn-bar {
|
||||
background: url(../../images/mask.png) repeat;
|
||||
}
|
||||
|
||||
.cn-nav {
|
||||
position: relative;
|
||||
z-index: 999;
|
||||
}
|
||||
|
||||
.cn-nav-content{
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
z-index: 999;
|
||||
height: 100%;
|
||||
right: 70px;
|
||||
left: 70px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.cn-nav-content div{
|
||||
float: left;
|
||||
width: 130px;
|
||||
color:#aaa;
|
||||
}
|
||||
|
||||
.cn-nav-content span{
|
||||
color:#777;
|
||||
}
|
||||
|
||||
.cn-nav-content div.cn-nav-content-current{
|
||||
text-align: center;
|
||||
width: 280px;
|
||||
position:absolute;
|
||||
top:0px;
|
||||
left:50%;
|
||||
margin-left:-140px;
|
||||
}
|
||||
|
||||
.cn-nav-content h2{
|
||||
margin-top: .7em;
|
||||
font-size: 1.25em;
|
||||
color:#719806;
|
||||
}
|
||||
|
||||
.cn-nav-content-current span{
|
||||
color:#d0ab47;
|
||||
}
|
||||
|
||||
.cn-nav-content div.cn-nav-content-prev{
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
||||
.cn-nav-content div.cn-nav-content-next{
|
||||
text-align: right;
|
||||
margin-right: 20px;
|
||||
float:right;
|
||||
}
|
||||
|
||||
.cn-nav-content div span{
|
||||
display: block;
|
||||
color:#fff;
|
||||
font-size: 1.833em;
|
||||
padding-top: 20px;
|
||||
font-weight: 100;
|
||||
font-family: 'PT Sans Narrow', sans-serif;
|
||||
}
|
||||
|
||||
.cn-nav-content div strong {
|
||||
display: block;
|
||||
color:#fff;
|
||||
padding-top: 18px;
|
||||
font-weight: 100;
|
||||
}
|
||||
|
||||
.cn-nav > a{
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
height: 80px;
|
||||
width: 56px;
|
||||
-webkit-border-radius: 1px 9px 0 5px;
|
||||
-moz-border-radius: 1px 9px 0 5px;
|
||||
border-radius: 1px 9px 0 5px;
|
||||
background: rgb(243,243,243); /* Old browsers */
|
||||
background: -moz-linear-gradient(top, rgba(243,243,243,1) 0%, rgba(232,232,232,1) 100%); /* FF3.6+ */
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(243,243,243,1)), color-stop(100%,rgba(232,232,232,1))); /* Chrome,Safari4+ */
|
||||
background: -webkit-linear-gradient(top, rgba(243,243,243,1) 0%,rgba(232,232,232,1) 100%); /* Chrome10+,Safari5.1+ */
|
||||
background: -o-linear-gradient(top, rgba(243,243,243,1) 0%,rgba(232,232,232,1) 100%); /* Opera 11.10+ */
|
||||
background: -ms-linear-gradient(top, rgba(243,243,243,1) 0%,rgba(232,232,232,1) 100%); /* IE10+ */
|
||||
background: linear-gradient(top, rgba(243,243,243,1) 0%,rgba(232,232,232,1) 100%); /* W3C */
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#e8e8e8',GradientType=0 ); /* IE6-9 */
|
||||
}
|
||||
|
||||
.cn-nav > a.cn-nav-next {
|
||||
-webkit-border-radius: 9px 1px 5px 0;
|
||||
-moz-border-radius: 9px 1px 5px 0;
|
||||
border-radius: 9px 1px 5px 0;
|
||||
}
|
||||
|
||||
a.cn-nav-prev{
|
||||
left: 0;
|
||||
}
|
||||
|
||||
a.cn-nav-next{
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.cn-nav a span{
|
||||
width: 22px;
|
||||
height: 36px;
|
||||
display: block;
|
||||
text-indent: -9000px;
|
||||
cursor: pointer;
|
||||
opacity: 0.9;
|
||||
position: absolute;
|
||||
top: 16px;
|
||||
-webkit-transition: all 0.4s ease;
|
||||
-moz-transition: all 0.4s ease;
|
||||
-o-transition: all 0.4s ease;
|
||||
-ms-transition: all 0.4s ease;
|
||||
transition: all 0.4s ease;
|
||||
}
|
||||
|
||||
.cn-nav a.cn-nav-prev span {
|
||||
left: 14px;
|
||||
background: url(prev.png) no-repeat center center;
|
||||
}
|
||||
|
||||
.cn-nav a.cn-nav-next span {
|
||||
right: 14px;
|
||||
background: url(next.png) no-repeat center center;
|
||||
|
||||
}
|
||||
|
||||
.cn-nav-prev div {
|
||||
top: 13px;
|
||||
left: 63px;
|
||||
}
|
||||
|
||||
.cn-nav-next div {
|
||||
top: 13px;
|
||||
right: 63px;
|
||||
}
|
||||
|
||||
.cn-nav a div{
|
||||
width: 0px;
|
||||
height: 0px;
|
||||
position: absolute;
|
||||
overflow: hidden;
|
||||
background-size: 100% 100%;
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
margin: 0px;
|
||||
-moz-border-radius: 0px;
|
||||
-webkit-border-radius: 0px;
|
||||
border-radius: 0px;
|
||||
-webkit-transition: all 0.2s ease-out;
|
||||
-moz-transition: all 0.2s ease-out;
|
||||
-o-transition: all 0.2s ease-out;
|
||||
-ms-transition: all 0.2s ease-out;
|
||||
transition: all 0.2s ease-out;
|
||||
behavior: url(js/PIE.htc);
|
||||
}
|
||||
|
||||
.cn-nav a:hover span{
|
||||
opacity: 0.6;
|
||||
}
|
||||
|
||||
.cn-nav a:hover div{
|
||||
width: 99px;
|
||||
height: 53px;
|
||||
-moz-border-radius: 5px;
|
||||
-webkit-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
(function(a,b,c){b.Slideshow=function(a,c){this.$el=b(c);this.$preloader=b('<div class="cn-loading">Loading...</div>');this.$images=this.$el.find("div.cn-images > img").hide();this.imgCount=this.$images.length;this.isAnimating=false;this._init(a)};b.Slideshow.defaults={current:0};b.Slideshow.prototype={_init:function(a){this.options=b.extend(true,{},b.Slideshow.defaults,a);this._validate();this.current=this.options.current;this.$preloader.appendTo(this.$el);var c=this;this._preloadImages(function(){c.$preloader.hide();c.$images.eq(c.current).show();c.bar=new b.NavigationBar(c.imgCount,c._getStatus());c.bar.getElement().appendTo(c.$el);c._initEvents()})},_preloadImages:function(a){var c=0,d=this;this.$images.each(function(e){var f=b(this);b("<img/>").load(function(){++c;if(c===d.imgCount*2)a.call()}).attr("src",f.attr("src"));b("<img/>").load(function(){++c;if(c===d.imgCount*2)a.call()}).attr("src",f.data("thumb"))})},_validate:function(){if(this.options.current<0||this.options.current>=this.imgCount)this.options.current=0},_getStatus:function(){var a=this.$images.eq(this.current),b,c;this.current===0?c=this.$images.eq(this.imgCount-1):c=a.prev();this.current===this.imgCount-1?b=this.$images.eq(0):b=a.next();return{prevSource:c.data("thumb"),nextSource:b.data("thumb"),prevTitle:c.attr("title"),currentTitle:a.attr("title"),nextTitle:b.attr("title")}},_initEvents:function(){var a=this;this.bar.$navPrev.bind("click.slideshow",function(b){a._navigate("prev");return false});this.bar.$navNext.bind("click.slideshow",function(b){a._navigate("next");return false})},_navigate:function(a){if(this.isAnimating)return false;this.isAnimating=true;var c=this.$images.eq(this.current).css("z-index",998),d=this;a==="prev"?this.current===0?this.current=this.imgCount-1:--this.current:this.current===this.imgCount-1?this.current=0:++this.current;this.$images.eq(this.current).show();c.fadeOut(400,function(){b(this).css("z-index",1);d.isAnimating=false});this.bar.set(this._getStatus())}};b.NavigationBar=function(a,b){this._init(a,b)};b.NavigationBar.prototype={_init:function(a,c){this.$el=b("#barTmpl").tmpl(c);this.$navPrev=this.$el.find("a.cn-nav-prev");this.$thumbPrev=this.$navPrev.children("div");this.$navNext=this.$el.find("a.cn-nav-next");this.$thumbNext=this.$navNext.children("div");this.$statusPrev=this.$el.find("div.cn-nav-content-prev > h3");this.$statusCurrent=this.$el.find("div.cn-nav-content-current > h2");this.$statusNext=this.$el.find("div.cn-nav-content-next > h3");if(a<=1){this.$navPrev.hide();this.$navNext.hide();this.$statusPrev.parent().hide();this.$statusNext.parent().hide()}},getElement:function(){return this.$el},set:function(a){this.$thumbPrev.css("background-image","url("+a.prevSource+")");this.$thumbNext.css("background-image","url("+a.nextSource+")");this.$statusPrev.text(a.prevTitle);this.$statusCurrent.text(a.currentTitle);this.$statusNext.text(a.nextTitle)}};var d=function(a){if(this.console){console.error(a)}};b.fn.slideshow=function(a){if(typeof a==="string"){var c=Array.prototype.slice.call(arguments,1);this.each(function(){var e=b.data(this,"slideshow");if(!e){d("cannot call methods on slideshow prior to initialization; "+"attempted to call method '"+a+"'");return}if(!b.isFunction(e[a])||a.charAt(0)==="_"){d("no such method '"+a+"' for slideshow instance");return}e[a].apply(e,c)})}else{this.each(function(){var c=b.data(this,"slideshow");if(!c){b.data(this,"slideshow",new b.Slideshow(a,this))}})}return this}})(window,jQuery)
|
||||
File diff suppressed because one or more lines are too long
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 741 B |
Binary file not shown.
|
After Width: | Height: | Size: 734 B |
@@ -0,0 +1,101 @@
|
||||
ul.accordion li {
|
||||
background-repeat: no-repeat;
|
||||
background-position: top left;
|
||||
}
|
||||
ul.accordion li.bg1 {
|
||||
background-image:url(../../images/sliders/img_01.jpg);
|
||||
background-position: -100px 0;
|
||||
}
|
||||
ul.accordion li.bg2 {
|
||||
background-image:url(../../images/sliders/img_02.jpg);
|
||||
background-position: -100px 0;
|
||||
}
|
||||
ul.accordion li.bg3 {
|
||||
background-image:url(../../images/sliders/img_03.jpg);
|
||||
background-position: -50px 0;
|
||||
}
|
||||
ul.accordion li.bg4 {
|
||||
background-image:url(../../images/sliders/img_04.jpg);
|
||||
background-position: -100px 0;
|
||||
}
|
||||
ul.accordion li.bg5 {
|
||||
background-image:url(../../images/sliders/img_05.jpg);
|
||||
background-position: -150px 0;
|
||||
}
|
||||
|
||||
.elegant-slider {
|
||||
position: relative;
|
||||
overflow:hidden;
|
||||
margin:0 auto 2em;
|
||||
width:770px;
|
||||
-webkit-border-radius: 0 0 6px 6px;
|
||||
-moz-border-radius: 0 0 6px 6px;
|
||||
border-radius: 0 0 6px 6px;
|
||||
-webkit-box-shadow: 0 10px 10px rgba(0,0,0,.05);
|
||||
-moz-box-shadow: 0 10px 10px rgba(0,0,0,.05);
|
||||
box-shadow: 0 10px 10px rgba(0,0,0,.05);
|
||||
}
|
||||
|
||||
.accordion {
|
||||
clear: both;
|
||||
overflow: hidden;
|
||||
margin:0;
|
||||
background:#fff;
|
||||
list-style:none;
|
||||
}
|
||||
|
||||
.accordion li {
|
||||
top: 0;
|
||||
left: 0;
|
||||
float: left;
|
||||
height: 415px;
|
||||
padding:0;
|
||||
display: block;
|
||||
background-color: #fff;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center center;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
cursor: pointer;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.accordion div {
|
||||
position: absolute;
|
||||
bottom: 70px;
|
||||
left: 0;
|
||||
padding: 15px 45px 15px 45px;
|
||||
opacity: 0;
|
||||
filter: alpha(opacity=0);
|
||||
background: url(pattern.png) repeat;
|
||||
}
|
||||
|
||||
.accordion div h3 {
|
||||
padding: 0;
|
||||
margin-bottom: .2em;
|
||||
opacity: 1;
|
||||
filter: alpha(opacity=100);
|
||||
background: none;
|
||||
font-weight: 100;
|
||||
font-size: 1.833em;
|
||||
color: #fff;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.accordion div p {
|
||||
color: #bbb;
|
||||
font-weight: normal;
|
||||
text-transform: none;
|
||||
letter-spacing: normal;
|
||||
}
|
||||
|
||||
.accordion div a {
|
||||
text-transform: uppercase;
|
||||
font-style: normal;
|
||||
text-decoration: none;
|
||||
color:#85b602;
|
||||
}
|
||||
|
||||
.accordion div a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
@@ -0,0 +1,8 @@
|
||||
/*
|
||||
Elegant Accordion v1.0
|
||||
|
||||
Originally by Mary Lou: http://tympanus.net/codrops/2010/04/26/elegant-accordion-with-jquery-and-css3/
|
||||
Plugin by Dean Sofer: http://www.deansofer.com/
|
||||
*/
|
||||
|
||||
(function(a){var b=0;a.eAccordion=function(c,d){var e=this;b++;e.runTimes=b;e.$el=a(c);e.currentPage=1;e.timer=null;e.playing=false;e.$el.data("ElegantAccordion",e);e.init=function(){e.options=a.extend({},a.eAccordion.defaults,d);e.$items=e.$el.children("li");e.$single=e.$items.last();e.$single.css("margin-right","-20px");if(e.options.height){e.$items.css("height",e.options.height)}e.pages=e.$items.length;var b;if(e.options.expandedWidth.indexOf("%")>-1){b=e.$el.width()*(parseInt(e.options.expandedWidth)/100)}else{b=parseInt(e.options.expandedWidth)}e.contractedWidth=(e.$el.width()-b)/(e.pages-1);if(e.options.autoPlay){e.playing=!e.options.startStopped;e.startStop(e.playing)}if(e.options.pauseOnHover&&e.options.autoPlay){e.$el.hover(function(){e.clearTimer()},function(){e.startStop(e.playing)})}e.$items.filter("[data-bg]").each(function(){var b=a(this);b.css("backgroundImage","url("+b.data("bg")+")")});e.$items.hover(function(){e.startStop(false);e.gotoPage(e.$items.index(this)+1)},function(){if(!e.clickStopped){if(e.options.autoPlay){e.startStop(true)}else if(e.options.neutralState){e.gotoNeutral()}}}).click(function(){e.startStop(false);e.clickStopped=true}).children("div").width(b);if(e.options.hashTags==true&&!e.gotoHash()||e.options.hashTags==false){e.gotoPage(1,false)}if(e.options.neutralState){e.neutralWidth=100/e.pages+"%";e.gotoNeutral(false)}};e.gotoPage=function(a,b){if(typeof a=="undefined"||a==null){a=1}if(e.options.stopAtEnd){if(a==e.pages)e.startStop(false)}if(a>e.pages)a=1;if(a<1)a=1;var c=e.$items.eq(a-1);duration=b!==false?e.options.animationTime:0;c.stop(true,true).animate({width:e.options.expandedWidth},duration,e.options.easing);c.children("h2").stop(true,true).animate({opacity:0},duration);c.children("div").stop(true,true).animate({opacity:1,marginBottom:0,paddingBottom:0},duration);$siblings=c.siblings();$siblings.stop(true,true).animate({width:e.contractedWidth},duration,e.options.easing);$siblings.children("h2").stop(true,true).animate({opacity:.9},duration);$siblings.children("div").stop(true,true).animate({opacity:0,marginBottom:"-"+e.options.bgHeight,paddingBottom:e.options.bgHeight},duration);e.currentPage=a};e.gotoNeutral=function(a){duration=a!==false?e.options.animationTime:0;e.$items.stop(true,true).animate({width:e.neutralWidth},duration,e.options.easing);e.$items.children("h2").stop(true,true).animate({opacity:.9},duration);e.$items.children("div").stop(true,true).animate({opacity:0,marginBottom:"-"+e.options.bgHeight,paddingBottom:e.options.bgHeight},duration)};e.goForward=function(){e.gotoPage(e.currentPage+1)};e.goBack=function(){e.gotoPage(e.currentPage-1)};e.gotoHash=function(){var a=window.location.hash.match(/^#?panel(\d+)-(\d+)$/);if(a){var b=parseInt(a[1]);if(b==e.runTimes){var c=parseInt(a[2]);var d=e.$items.filter(":eq("+c+")");if(d.length!=0){e.gotoPage(c,false);return true}}}return false};e.startStop=function(a){if(a!==true)a=false;e.playing=a;if(a){e.clearTimer();e.timer=window.setInterval(function(){e.goForward()},e.options.delay)}else{e.clearTimer()}};e.clearTimer=function(){if(e.timer)window.clearInterval(e.timer)};e.setHash=function(a){if(typeof window.location.hash!=="undefined"){if(window.location.hash!==a){window.location.hash=a}}else if(location.hash!==a){location.hash=a}return a};e.init()};a.eAccordion.defaults={easing:"swing",autoPlay:true,startStopped:false,stopAtEnd:false,delay:4e3,animationTime:100,hashTags:true,pauseOnHover:true,height:null,expandedWidth:"60%",neutralState:false,bgHeight:"0"};a.fn.eAccordion=function(b){if(typeof b=="object"){return this.each(function(c){new a.eAccordion(this,b)})}else if(typeof b=="number"){return this.each(function(c){var d=a(this).data("ElegantAccordion");if(d){d.gotoPage(b)}})}}})(jQuery)
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 124 B |
Binary file not shown.
|
After Width: | Height: | Size: 824 B |
Binary file not shown.
|
After Width: | Height: | Size: 805 B |
Binary file not shown.
|
After Width: | Height: | Size: 121 B |
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 118 B |
@@ -0,0 +1,694 @@
|
||||
/*
|
||||
* jQuery Nivo Slider v2.7.1
|
||||
* http://nivo.dev7studios.com
|
||||
*
|
||||
* Copyright 2011, Gilbert Pellegrom
|
||||
* Free to use and abuse under the MIT license.
|
||||
* http://www.opensource.org/licenses/mit-license.php
|
||||
*
|
||||
* March 2010
|
||||
*/
|
||||
|
||||
(function($) {
|
||||
|
||||
var NivoSlider = function(element, options){
|
||||
//Defaults are below
|
||||
var settings = $.extend({}, $.fn.nivoSlider.defaults, options);
|
||||
|
||||
//Useful variables. Play carefully.
|
||||
var vars = {
|
||||
currentSlide: 0,
|
||||
currentImage: '',
|
||||
totalSlides: 0,
|
||||
running: false,
|
||||
paused: false,
|
||||
stop: false
|
||||
};
|
||||
|
||||
//Get this slider
|
||||
var slider = $(element);
|
||||
slider.data('nivo:vars', vars);
|
||||
slider.css('position','relative');
|
||||
slider.addClass('nivoSlider');
|
||||
|
||||
//Find our slider children
|
||||
var kids = slider.children();
|
||||
kids.each(function() {
|
||||
var child = $(this);
|
||||
var link = '';
|
||||
if(!child.is('img')){
|
||||
if(child.is('a')){
|
||||
child.addClass('nivo-imageLink');
|
||||
link = child;
|
||||
}
|
||||
child = child.find('img:first');
|
||||
}
|
||||
//Get img width & height
|
||||
var childWidth = child.width();
|
||||
if(childWidth == 0) childWidth = child.attr('width');
|
||||
var childHeight = child.height();
|
||||
if(childHeight == 0) childHeight = child.attr('height');
|
||||
//Resize the slider
|
||||
if(childWidth > slider.width()){
|
||||
slider.width(childWidth);
|
||||
}
|
||||
if(childHeight > slider.height()){
|
||||
slider.height(childHeight);
|
||||
}
|
||||
if(link != ''){
|
||||
link.css('display','none');
|
||||
}
|
||||
child.css('display','none');
|
||||
vars.totalSlides++;
|
||||
});
|
||||
|
||||
//If randomStart
|
||||
if(settings.randomStart){
|
||||
settings.startSlide = Math.floor(Math.random() * vars.totalSlides);
|
||||
}
|
||||
|
||||
//Set startSlide
|
||||
if(settings.startSlide > 0){
|
||||
if(settings.startSlide >= vars.totalSlides) settings.startSlide = vars.totalSlides - 1;
|
||||
vars.currentSlide = settings.startSlide;
|
||||
}
|
||||
|
||||
//Get initial image
|
||||
if($(kids[vars.currentSlide]).is('img')){
|
||||
vars.currentImage = $(kids[vars.currentSlide]);
|
||||
} else {
|
||||
vars.currentImage = $(kids[vars.currentSlide]).find('img:first');
|
||||
}
|
||||
|
||||
//Show initial link
|
||||
if($(kids[vars.currentSlide]).is('a')){
|
||||
$(kids[vars.currentSlide]).css('display','block');
|
||||
}
|
||||
|
||||
//Set first background
|
||||
slider.css('background','url("'+ vars.currentImage.attr('src') +'") no-repeat');
|
||||
|
||||
//Create caption
|
||||
slider.append(
|
||||
$('<div class="nivo-caption"><p></p></div>').css({ display:'none', opacity:settings.captionOpacity })
|
||||
);
|
||||
|
||||
// Cross browser default caption opacity
|
||||
$('.nivo-caption', slider).css('opacity', 0).wrap('<div class="substrate"></div>');
|
||||
|
||||
// Process caption function
|
||||
var processCaption = function(settings){
|
||||
var nivoCaption = $('.nivo-caption', slider);
|
||||
if(vars.currentImage.attr('title') != '' && vars.currentImage.attr('title') != undefined){
|
||||
var title = vars.currentImage.attr('title');
|
||||
if(title.substr(0,1) == '#') title = $(title).html();
|
||||
|
||||
if(nivoCaption.css('opacity') != 0){
|
||||
nivoCaption.find('p').stop().fadeTo(settings.animSpeed, 0, function(){
|
||||
$(this).html(title);
|
||||
$(this).stop().fadeTo(settings.animSpeed, 1);
|
||||
});
|
||||
} else {
|
||||
nivoCaption.find('p').html(title);
|
||||
}
|
||||
nivoCaption.stop().fadeTo(settings.animSpeed, settings.captionOpacity);
|
||||
} else {
|
||||
nivoCaption.stop().fadeTo(settings.animSpeed, 0);
|
||||
}
|
||||
}
|
||||
|
||||
//Process initial caption
|
||||
processCaption(settings);
|
||||
|
||||
//In the words of Super Mario "let's a go!"
|
||||
var timer = 0;
|
||||
if(!settings.manualAdvance && kids.length > 1){
|
||||
timer = setInterval(function(){ nivoRun(slider, kids, settings, false); }, settings.pauseTime);
|
||||
}
|
||||
|
||||
//Add Direction nav
|
||||
if(settings.directionNav){
|
||||
slider.append('<div class="nivo-directionNav"><a class="nivo-prevNav">'+ settings.prevText +'</a><a class="nivo-nextNav">'+ settings.nextText +'</a></div>');
|
||||
|
||||
//Hide Direction nav
|
||||
if(settings.directionNavHide){
|
||||
$('.nivo-directionNav', slider).hide();
|
||||
slider.hover(function(){
|
||||
$('.nivo-directionNav', slider).show();
|
||||
}, function(){
|
||||
$('.nivo-directionNav', slider).hide();
|
||||
});
|
||||
}
|
||||
|
||||
$('a.nivo-prevNav', slider).live('click', function(){
|
||||
if(vars.running) return false;
|
||||
clearInterval(timer);
|
||||
timer = '';
|
||||
vars.currentSlide -= 2;
|
||||
nivoRun(slider, kids, settings, 'prev');
|
||||
});
|
||||
|
||||
$('a.nivo-nextNav', slider).live('click', function(){
|
||||
if(vars.running) return false;
|
||||
clearInterval(timer);
|
||||
timer = '';
|
||||
nivoRun(slider, kids, settings, 'next');
|
||||
});
|
||||
}
|
||||
|
||||
//Add Control nav
|
||||
if(settings.controlNav){
|
||||
var nivoControl = $('<div class="nivo-controlNav"></div>');
|
||||
slider.append(nivoControl);
|
||||
for(var i = 0; i < kids.length; i++){
|
||||
if(settings.controlNavThumbs){
|
||||
var child = kids.eq(i);
|
||||
if(!child.is('img')){
|
||||
child = child.find('img:first');
|
||||
}
|
||||
if (settings.controlNavThumbsFromRel) {
|
||||
nivoControl.append('<a class="nivo-control" rel="'+ i +'"><img src="'+ child.attr('rel') + '" alt="" /></a>');
|
||||
} else {
|
||||
nivoControl.append('<a class="nivo-control" rel="'+ i +'"><img src="'+ child.attr('src').replace(settings.controlNavThumbsSearch, settings.controlNavThumbsReplace) +'" alt="" /></a>');
|
||||
}
|
||||
} else {
|
||||
nivoControl.append('<a class="nivo-control" rel="'+ i +'">'+ (i + 1) +'</a>');
|
||||
}
|
||||
|
||||
}
|
||||
//Set initial active link
|
||||
$('.nivo-controlNav a:eq('+ vars.currentSlide +')', slider).addClass('active');
|
||||
|
||||
$('.nivo-controlNav a', slider).live('click', function(){
|
||||
if(vars.running) return false;
|
||||
if($(this).hasClass('active')) return false;
|
||||
clearInterval(timer);
|
||||
timer = '';
|
||||
slider.css('background','url("'+ vars.currentImage.attr('src') +'") no-repeat');
|
||||
vars.currentSlide = $(this).attr('rel') - 1;
|
||||
nivoRun(slider, kids, settings, 'control');
|
||||
});
|
||||
}
|
||||
|
||||
//Keyboard Navigation
|
||||
if(settings.keyboardNav){
|
||||
$(window).keypress(function(event){
|
||||
//Left
|
||||
if(event.keyCode == '37'){
|
||||
if(vars.running) return false;
|
||||
clearInterval(timer);
|
||||
timer = '';
|
||||
vars.currentSlide-=2;
|
||||
nivoRun(slider, kids, settings, 'prev');
|
||||
}
|
||||
//Right
|
||||
if(event.keyCode == '39'){
|
||||
if(vars.running) return false;
|
||||
clearInterval(timer);
|
||||
timer = '';
|
||||
nivoRun(slider, kids, settings, 'next');
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
//For pauseOnHover setting
|
||||
if(settings.pauseOnHover){
|
||||
slider.hover(function(){
|
||||
vars.paused = true;
|
||||
clearInterval(timer);
|
||||
timer = '';
|
||||
}, function(){
|
||||
vars.paused = false;
|
||||
//Restart the timer
|
||||
if(timer == '' && !settings.manualAdvance){
|
||||
timer = setInterval(function(){ nivoRun(slider, kids, settings, false); }, settings.pauseTime);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
//Event when Animation finishes
|
||||
slider.bind('nivo:animFinished', function(){
|
||||
vars.running = false;
|
||||
//Hide child links
|
||||
$(kids).each(function(){
|
||||
if($(this).is('a')){
|
||||
$(this).css('display','none');
|
||||
}
|
||||
});
|
||||
//Show current link
|
||||
if($(kids[vars.currentSlide]).is('a')){
|
||||
$(kids[vars.currentSlide]).css('display','block');
|
||||
}
|
||||
//Restart the timer
|
||||
if(timer == '' && !vars.paused && !settings.manualAdvance){
|
||||
timer = setInterval(function(){ nivoRun(slider, kids, settings, false); }, settings.pauseTime);
|
||||
}
|
||||
//Trigger the afterChange callback
|
||||
settings.afterChange.call(this);
|
||||
});
|
||||
|
||||
// Add slices for slice animations
|
||||
var createSlices = function(slider, settings, vars){
|
||||
for(var i = 0; i < settings.slices; i++){
|
||||
var sliceWidth = Math.round(slider.width()/settings.slices);
|
||||
if(i == settings.slices-1){
|
||||
slider.append(
|
||||
$('<div class="nivo-slice"></div>').css({
|
||||
left:(sliceWidth*i)+'px', width:(slider.width()-(sliceWidth*i))+'px',
|
||||
height:'0px',
|
||||
opacity:'0',
|
||||
background: 'url("'+ vars.currentImage.attr('src') +'") no-repeat -'+ ((sliceWidth + (i * sliceWidth)) - sliceWidth) +'px 0%'
|
||||
})
|
||||
);
|
||||
} else {
|
||||
slider.append(
|
||||
$('<div class="nivo-slice"></div>').css({
|
||||
left:(sliceWidth*i)+'px', width:sliceWidth+'px',
|
||||
height:'0px',
|
||||
opacity:'0',
|
||||
background: 'url("'+ vars.currentImage.attr('src') +'") no-repeat -'+ ((sliceWidth + (i * sliceWidth)) - sliceWidth) +'px 0%'
|
||||
})
|
||||
);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Add boxes for box animations
|
||||
var createBoxes = function(slider, settings, vars){
|
||||
var boxWidth = Math.round(slider.width()/settings.boxCols);
|
||||
var boxHeight = Math.round(slider.height()/settings.boxRows);
|
||||
|
||||
for(var rows = 0; rows < settings.boxRows; rows++){
|
||||
for(var cols = 0; cols < settings.boxCols; cols++){
|
||||
if(cols == settings.boxCols-1){
|
||||
slider.append(
|
||||
$('<div class="nivo-box"></div>').css({
|
||||
opacity:0,
|
||||
left:(boxWidth*cols)+'px',
|
||||
top:(boxHeight*rows)+'px',
|
||||
width:(slider.width()-(boxWidth*cols))+'px',
|
||||
height:boxHeight+'px',
|
||||
background: 'url("'+ vars.currentImage.attr('src') +'") no-repeat -'+ ((boxWidth + (cols * boxWidth)) - boxWidth) +'px -'+ ((boxHeight + (rows * boxHeight)) - boxHeight) +'px'
|
||||
})
|
||||
);
|
||||
} else {
|
||||
slider.append(
|
||||
$('<div class="nivo-box"></div>').css({
|
||||
opacity:0,
|
||||
left:(boxWidth*cols)+'px',
|
||||
top:(boxHeight*rows)+'px',
|
||||
width:boxWidth+'px',
|
||||
height:boxHeight+'px',
|
||||
background: 'url("'+ vars.currentImage.attr('src') +'") no-repeat -'+ ((boxWidth + (cols * boxWidth)) - boxWidth) +'px -'+ ((boxHeight + (rows * boxHeight)) - boxHeight) +'px'
|
||||
})
|
||||
);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Private run method
|
||||
var nivoRun = function(slider, kids, settings, nudge){
|
||||
//Get our vars
|
||||
var vars = slider.data('nivo:vars');
|
||||
|
||||
//Trigger the lastSlide callback
|
||||
if(vars && (vars.currentSlide == vars.totalSlides - 1)){
|
||||
settings.lastSlide.call(this);
|
||||
}
|
||||
|
||||
// Stop
|
||||
if((!vars || vars.stop) && !nudge) return false;
|
||||
|
||||
//Trigger the beforeChange callback
|
||||
settings.beforeChange.call(this);
|
||||
|
||||
//Set current background before change
|
||||
if(!nudge){
|
||||
slider.css('background','url("'+ vars.currentImage.attr('src') +'") no-repeat');
|
||||
} else {
|
||||
if(nudge == 'prev'){
|
||||
slider.css('background','url("'+ vars.currentImage.attr('src') +'") no-repeat');
|
||||
}
|
||||
if(nudge == 'next'){
|
||||
slider.css('background','url("'+ vars.currentImage.attr('src') +'") no-repeat');
|
||||
}
|
||||
}
|
||||
vars.currentSlide++;
|
||||
//Trigger the slideshowEnd callback
|
||||
if(vars.currentSlide == vars.totalSlides){
|
||||
vars.currentSlide = 0;
|
||||
settings.slideshowEnd.call(this);
|
||||
}
|
||||
if(vars.currentSlide < 0) vars.currentSlide = (vars.totalSlides - 1);
|
||||
//Set vars.currentImage
|
||||
if($(kids[vars.currentSlide]).is('img')){
|
||||
vars.currentImage = $(kids[vars.currentSlide]);
|
||||
} else {
|
||||
vars.currentImage = $(kids[vars.currentSlide]).find('img:first');
|
||||
}
|
||||
|
||||
//Set active links
|
||||
if(settings.controlNav){
|
||||
$('.nivo-controlNav a', slider).removeClass('active');
|
||||
$('.nivo-controlNav a:eq('+ vars.currentSlide +')', slider).addClass('active');
|
||||
}
|
||||
|
||||
//Process caption
|
||||
processCaption(settings);
|
||||
|
||||
// Remove any slices from last transition
|
||||
$('.nivo-slice', slider).remove();
|
||||
|
||||
// Remove any boxes from last transition
|
||||
$('.nivo-box', slider).remove();
|
||||
|
||||
var currentEffect = settings.effect;
|
||||
//Generate random effect
|
||||
if(settings.effect == 'random'){
|
||||
var anims = new Array('sliceDownRight','sliceDownLeft','sliceUpRight','sliceUpLeft','sliceUpDown','sliceUpDownLeft','fold','fade',
|
||||
'boxRandom','boxRain','boxRainReverse','boxRainGrow','boxRainGrowReverse');
|
||||
currentEffect = anims[Math.floor(Math.random()*(anims.length + 1))];
|
||||
if(currentEffect == undefined) currentEffect = 'fade';
|
||||
}
|
||||
|
||||
//Run random effect from specified set (eg: effect:'fold,fade')
|
||||
if(settings.effect.indexOf(',') != -1){
|
||||
var anims = settings.effect.split(',');
|
||||
currentEffect = anims[Math.floor(Math.random()*(anims.length))];
|
||||
if(currentEffect == undefined) currentEffect = 'fade';
|
||||
}
|
||||
|
||||
//Custom transition as defined by "data-transition" attribute
|
||||
if(vars.currentImage.attr('data-transition')){
|
||||
currentEffect = vars.currentImage.attr('data-transition');
|
||||
}
|
||||
|
||||
//Run effects
|
||||
vars.running = true;
|
||||
if(currentEffect == 'sliceDown' || currentEffect == 'sliceDownRight' || currentEffect == 'sliceDownLeft'){
|
||||
createSlices(slider, settings, vars);
|
||||
var timeBuff = 0;
|
||||
var i = 0;
|
||||
var slices = $('.nivo-slice', slider);
|
||||
if(currentEffect == 'sliceDownLeft') slices = $('.nivo-slice', slider)._reverse();
|
||||
|
||||
slices.each(function(){
|
||||
var slice = $(this);
|
||||
slice.css({ 'top': '0px' });
|
||||
if(i == settings.slices-1){
|
||||
setTimeout(function(){
|
||||
slice.animate({ height:'100%', opacity:'1.0' }, settings.animSpeed, '', function(){ slider.trigger('nivo:animFinished'); });
|
||||
}, (100 + timeBuff));
|
||||
} else {
|
||||
setTimeout(function(){
|
||||
slice.animate({ height:'100%', opacity:'1.0' }, settings.animSpeed);
|
||||
}, (100 + timeBuff));
|
||||
}
|
||||
timeBuff += 50;
|
||||
i++;
|
||||
});
|
||||
}
|
||||
else if(currentEffect == 'sliceUp' || currentEffect == 'sliceUpRight' || currentEffect == 'sliceUpLeft'){
|
||||
createSlices(slider, settings, vars);
|
||||
var timeBuff = 0;
|
||||
var i = 0;
|
||||
var slices = $('.nivo-slice', slider);
|
||||
if(currentEffect == 'sliceUpLeft') slices = $('.nivo-slice', slider)._reverse();
|
||||
|
||||
slices.each(function(){
|
||||
var slice = $(this);
|
||||
slice.css({ 'bottom': '0px' });
|
||||
if(i == settings.slices-1){
|
||||
setTimeout(function(){
|
||||
slice.animate({ height:'100%', opacity:'1.0' }, settings.animSpeed, '', function(){ slider.trigger('nivo:animFinished'); });
|
||||
}, (100 + timeBuff));
|
||||
} else {
|
||||
setTimeout(function(){
|
||||
slice.animate({ height:'100%', opacity:'1.0' }, settings.animSpeed);
|
||||
}, (100 + timeBuff));
|
||||
}
|
||||
timeBuff += 50;
|
||||
i++;
|
||||
});
|
||||
}
|
||||
else if(currentEffect == 'sliceUpDown' || currentEffect == 'sliceUpDownRight' || currentEffect == 'sliceUpDownLeft'){
|
||||
createSlices(slider, settings, vars);
|
||||
var timeBuff = 0;
|
||||
var i = 0;
|
||||
var v = 0;
|
||||
var slices = $('.nivo-slice', slider);
|
||||
if(currentEffect == 'sliceUpDownLeft') slices = $('.nivo-slice', slider)._reverse();
|
||||
|
||||
slices.each(function(){
|
||||
var slice = $(this);
|
||||
if(i == 0){
|
||||
slice.css('top','0px');
|
||||
i++;
|
||||
} else {
|
||||
slice.css('bottom','0px');
|
||||
i = 0;
|
||||
}
|
||||
|
||||
if(v == settings.slices-1){
|
||||
setTimeout(function(){
|
||||
slice.animate({ height:'100%', opacity:'1.0' }, settings.animSpeed, '', function(){ slider.trigger('nivo:animFinished'); });
|
||||
}, (100 + timeBuff));
|
||||
} else {
|
||||
setTimeout(function(){
|
||||
slice.animate({ height:'100%', opacity:'1.0' }, settings.animSpeed);
|
||||
}, (100 + timeBuff));
|
||||
}
|
||||
timeBuff += 50;
|
||||
v++;
|
||||
});
|
||||
}
|
||||
else if(currentEffect == 'fold'){
|
||||
createSlices(slider, settings, vars);
|
||||
var timeBuff = 0;
|
||||
var i = 0;
|
||||
|
||||
$('.nivo-slice', slider).each(function(){
|
||||
var slice = $(this);
|
||||
var origWidth = slice.width();
|
||||
slice.css({ top:'0px', height:'100%', width:'0px' });
|
||||
if(i == settings.slices-1){
|
||||
setTimeout(function(){
|
||||
slice.animate({ width:origWidth, opacity:'1.0' }, settings.animSpeed, '', function(){ slider.trigger('nivo:animFinished'); });
|
||||
}, (100 + timeBuff));
|
||||
} else {
|
||||
setTimeout(function(){
|
||||
slice.animate({ width:origWidth, opacity:'1.0' }, settings.animSpeed);
|
||||
}, (100 + timeBuff));
|
||||
}
|
||||
timeBuff += 50;
|
||||
i++;
|
||||
});
|
||||
}
|
||||
else if(currentEffect == 'fade'){
|
||||
createSlices(slider, settings, vars);
|
||||
|
||||
var firstSlice = $('.nivo-slice:first', slider);
|
||||
firstSlice.css({
|
||||
'height': '100%',
|
||||
'width': slider.width() + 'px'
|
||||
});
|
||||
|
||||
firstSlice.animate({ opacity:'1.0' }, (settings.animSpeed*2), '', function(){ slider.trigger('nivo:animFinished'); });
|
||||
}
|
||||
else if(currentEffect == 'slideInRight'){
|
||||
createSlices(slider, settings, vars);
|
||||
|
||||
var firstSlice = $('.nivo-slice:first', slider);
|
||||
firstSlice.css({
|
||||
'height': '100%',
|
||||
'width': '0px',
|
||||
'opacity': '1'
|
||||
});
|
||||
|
||||
firstSlice.animate({ width: slider.width() + 'px' }, (settings.animSpeed*2), '', function(){ slider.trigger('nivo:animFinished'); });
|
||||
}
|
||||
else if(currentEffect == 'slideInLeft'){
|
||||
createSlices(slider, settings, vars);
|
||||
|
||||
var firstSlice = $('.nivo-slice:first', slider);
|
||||
firstSlice.css({
|
||||
'height': '100%',
|
||||
'width': '0px',
|
||||
'opacity': '1',
|
||||
'left': '',
|
||||
'right': '0px'
|
||||
});
|
||||
|
||||
firstSlice.animate({ width: slider.width() + 'px' }, (settings.animSpeed*2), '', function(){
|
||||
// Reset positioning
|
||||
firstSlice.css({
|
||||
'left': '0px',
|
||||
'right': ''
|
||||
});
|
||||
slider.trigger('nivo:animFinished');
|
||||
});
|
||||
}
|
||||
else if(currentEffect == 'boxRandom'){
|
||||
createBoxes(slider, settings, vars);
|
||||
|
||||
var totalBoxes = settings.boxCols * settings.boxRows;
|
||||
var i = 0;
|
||||
var timeBuff = 0;
|
||||
|
||||
var boxes = shuffle($('.nivo-box', slider));
|
||||
boxes.each(function(){
|
||||
var box = $(this);
|
||||
if(i == totalBoxes-1){
|
||||
setTimeout(function(){
|
||||
box.animate({ opacity:'1' }, settings.animSpeed, '', function(){ slider.trigger('nivo:animFinished'); });
|
||||
}, (100 + timeBuff));
|
||||
} else {
|
||||
setTimeout(function(){
|
||||
box.animate({ opacity:'1' }, settings.animSpeed);
|
||||
}, (100 + timeBuff));
|
||||
}
|
||||
timeBuff += 20;
|
||||
i++;
|
||||
});
|
||||
}
|
||||
else if(currentEffect == 'boxRain' || currentEffect == 'boxRainReverse' || currentEffect == 'boxRainGrow' || currentEffect == 'boxRainGrowReverse'){
|
||||
createBoxes(slider, settings, vars);
|
||||
|
||||
var totalBoxes = settings.boxCols * settings.boxRows;
|
||||
var i = 0;
|
||||
var timeBuff = 0;
|
||||
|
||||
// Split boxes into 2D array
|
||||
var rowIndex = 0;
|
||||
var colIndex = 0;
|
||||
var box2Darr = new Array();
|
||||
box2Darr[rowIndex] = new Array();
|
||||
var boxes = $('.nivo-box', slider);
|
||||
if(currentEffect == 'boxRainReverse' || currentEffect == 'boxRainGrowReverse'){
|
||||
boxes = $('.nivo-box', slider)._reverse();
|
||||
}
|
||||
boxes.each(function(){
|
||||
box2Darr[rowIndex][colIndex] = $(this);
|
||||
colIndex++;
|
||||
if(colIndex == settings.boxCols){
|
||||
rowIndex++;
|
||||
colIndex = 0;
|
||||
box2Darr[rowIndex] = new Array();
|
||||
}
|
||||
});
|
||||
|
||||
// Run animation
|
||||
for(var cols = 0; cols < (settings.boxCols * 2); cols++){
|
||||
var prevCol = cols;
|
||||
for(var rows = 0; rows < settings.boxRows; rows++){
|
||||
if(prevCol >= 0 && prevCol < settings.boxCols){
|
||||
/* Due to some weird JS bug with loop vars
|
||||
being used in setTimeout, this is wrapped
|
||||
with an anonymous function call */
|
||||
(function(row, col, time, i, totalBoxes) {
|
||||
var box = $(box2Darr[row][col]);
|
||||
var w = box.width();
|
||||
var h = box.height();
|
||||
if(currentEffect == 'boxRainGrow' || currentEffect == 'boxRainGrowReverse'){
|
||||
box.width(0).height(0);
|
||||
}
|
||||
if(i == totalBoxes-1){
|
||||
setTimeout(function(){
|
||||
box.animate({ opacity:'1', width:w, height:h }, settings.animSpeed/1.3, '', function(){ slider.trigger('nivo:animFinished'); });
|
||||
}, (100 + time));
|
||||
} else {
|
||||
setTimeout(function(){
|
||||
box.animate({ opacity:'1', width:w, height:h }, settings.animSpeed/1.3);
|
||||
}, (100 + time));
|
||||
}
|
||||
})(rows, prevCol, timeBuff, i, totalBoxes);
|
||||
i++;
|
||||
}
|
||||
prevCol--;
|
||||
}
|
||||
timeBuff += 100;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Shuffle an array
|
||||
var shuffle = function(arr){
|
||||
for(var j, x, i = arr.length; i; j = parseInt(Math.random() * i), x = arr[--i], arr[i] = arr[j], arr[j] = x);
|
||||
return arr;
|
||||
}
|
||||
|
||||
// For debugging
|
||||
var trace = function(msg){
|
||||
if (this.console && typeof console.log != "undefined")
|
||||
console.log(msg);
|
||||
}
|
||||
|
||||
// Start / Stop
|
||||
this.stop = function(){
|
||||
if(!$(element).data('nivo:vars').stop){
|
||||
$(element).data('nivo:vars').stop = true;
|
||||
trace('Stop Slider');
|
||||
}
|
||||
}
|
||||
|
||||
this.start = function(){
|
||||
if($(element).data('nivo:vars').stop){
|
||||
$(element).data('nivo:vars').stop = false;
|
||||
trace('Start Slider');
|
||||
}
|
||||
}
|
||||
|
||||
//Trigger the afterLoad callback
|
||||
settings.afterLoad.call(this);
|
||||
|
||||
return this;
|
||||
};
|
||||
|
||||
$.fn.nivoSlider = function(options) {
|
||||
|
||||
return this.each(function(key, value){
|
||||
var element = $(this);
|
||||
// Return early if this element already has a plugin instance
|
||||
if (element.data('nivoslider')) return element.data('nivoslider');
|
||||
// Pass options to plugin constructor
|
||||
var nivoslider = new NivoSlider(this, options);
|
||||
// Store plugin object in this element's data
|
||||
element.data('nivoslider', nivoslider);
|
||||
});
|
||||
|
||||
};
|
||||
|
||||
//Default settings
|
||||
$.fn.nivoSlider.defaults = {
|
||||
effect: 'random',
|
||||
slices: 15,
|
||||
boxCols: 8,
|
||||
boxRows: 4,
|
||||
animSpeed: 500,
|
||||
pauseTime: 3000,
|
||||
startSlide: 0,
|
||||
directionNav: true,
|
||||
directionNavHide: true,
|
||||
controlNav: true,
|
||||
controlNavThumbs: false,
|
||||
controlNavThumbsFromRel: false,
|
||||
controlNavThumbsSearch: '.jpg',
|
||||
controlNavThumbsReplace: '_thumb.jpg',
|
||||
keyboardNav: true,
|
||||
pauseOnHover: true,
|
||||
manualAdvance: false,
|
||||
captionOpacity: 0.8,
|
||||
prevText: 'Prev',
|
||||
nextText: 'Next',
|
||||
randomStart: false,
|
||||
beforeChange: function(){},
|
||||
afterChange: function(){},
|
||||
slideshowEnd: function(){},
|
||||
lastSlide: function(){},
|
||||
afterLoad: function(){}
|
||||
};
|
||||
|
||||
$.fn._reverse = [].reverse;
|
||||
|
||||
})(jQuery);
|
||||
@@ -0,0 +1,231 @@
|
||||
/*
|
||||
* jQuery Nivo Slider v2.7.1
|
||||
* http://nivo.dev7studios.com
|
||||
*
|
||||
* Copyright 2011, Gilbert Pellegrom
|
||||
* Free to use and abuse under the MIT license.
|
||||
* http://www.opensource.org/licenses/mit-license.php
|
||||
*
|
||||
* March 2010
|
||||
*/
|
||||
|
||||
|
||||
/* The Nivo Slider styles */
|
||||
|
||||
.nivoSlider .substrate {
|
||||
position: absolute;
|
||||
z-index: 999;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
width: 770px;
|
||||
height: 118px;
|
||||
border-bottom: 1px solid #fff;
|
||||
-webkit-border-radius: 0 0 5px 5px;
|
||||
-moz-border-radius: 0 0 5px 5px;
|
||||
border-radius: 0 0 5px 5px;
|
||||
background-color: rgba(0,0,0,.85);
|
||||
}
|
||||
|
||||
.ie7 .nivoSlider .substrate,
|
||||
.ie8 .nivoSlider .substrate {
|
||||
background: url(default/mask.png) repeat;
|
||||
}
|
||||
|
||||
.nivoSlider img {
|
||||
position:absolute;
|
||||
top:0px;
|
||||
left:0px;
|
||||
}
|
||||
|
||||
/* If an image is wrapped in a link */
|
||||
.nivoSlider a.nivo-imageLink {
|
||||
position:absolute;
|
||||
top:0px;
|
||||
left:0px;
|
||||
width:100%;
|
||||
height:100%;
|
||||
border:0;
|
||||
padding:0;
|
||||
margin:0;
|
||||
z-index:6;
|
||||
display:none;
|
||||
}
|
||||
/* The slices and boxes in the Slider */
|
||||
.nivo-slice {
|
||||
display:block;
|
||||
position:absolute;
|
||||
z-index:5;
|
||||
height:100%;
|
||||
}
|
||||
.nivo-box {
|
||||
display:block;
|
||||
position:absolute;
|
||||
z-index:5;
|
||||
}
|
||||
|
||||
/* Caption styles */
|
||||
|
||||
.nivo-caption {
|
||||
position:absolute;
|
||||
left:0px;
|
||||
bottom:0px;
|
||||
padding: 10px 40px 30px 40px;
|
||||
width: 690px;
|
||||
color:#fff;
|
||||
opacity:0.8; /* Overridden by captionOpacity setting */
|
||||
height: 70px;
|
||||
z-index:999999;
|
||||
zoom: 1;
|
||||
}
|
||||
|
||||
.nivo-caption .alignleft {
|
||||
margin-right: 1.5em;
|
||||
padding: .5em 1.5em .5em 0;
|
||||
background: url(default/divider.png) no-repeat right center;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.nivo-caption h3 {
|
||||
margin-bottom: .2em;
|
||||
color: #fff;
|
||||
font-size: 1.833em;
|
||||
}
|
||||
|
||||
.nivo-caption p {
|
||||
padding:5px;
|
||||
margin:0;
|
||||
color: #bbb;
|
||||
}
|
||||
.nivo-caption a {
|
||||
display:inline !important;
|
||||
}
|
||||
.nivo-html-caption {
|
||||
display:none;
|
||||
}
|
||||
/* Direction nav styles (e.g. Next & Prev) */
|
||||
.nivo-directionNav a {
|
||||
position:absolute;
|
||||
top:45%;
|
||||
z-index:9;
|
||||
cursor:pointer;
|
||||
}
|
||||
.nivo-prevNav {
|
||||
left:0px;
|
||||
}
|
||||
.nivo-nextNav {
|
||||
right:0px;
|
||||
}
|
||||
/* Control nav styles (e.g. 1,2,3...) */
|
||||
.nivo-controlNav a {
|
||||
position:relative;
|
||||
z-index:9;
|
||||
cursor:pointer;
|
||||
}
|
||||
.nivo-controlNav a.active {
|
||||
font-weight:bold;
|
||||
}
|
||||
|
||||
/*
|
||||
Skin Name: Nivo Slider Default Theme
|
||||
Skin URI: http://nivo.dev7studios.com
|
||||
Skin Type: flexible
|
||||
Description: The default skin for the Nivo Slider.
|
||||
Version: 1.0
|
||||
Author: Gilbert Pellegrom
|
||||
Author URI: http://dev7studios.com
|
||||
*/
|
||||
|
||||
.nivoSlider {
|
||||
position:relative;
|
||||
-webkit-border-radius: 0 0 6px 6px;
|
||||
-moz-border-radius: 0 0 6px 6px;
|
||||
border-radius: 0 0 6px 6px;
|
||||
-webkit-box-shadow: 0 10px 10px rgba(0,0,0,.05);
|
||||
-moz-box-shadow: 0 10px 10px rgba(0,0,0,.05);
|
||||
box-shadow: 0 10px 10px rgba(0,0,0,.05);
|
||||
background:#fff url(default/loading.gif) no-repeat 50% 50%;
|
||||
}
|
||||
|
||||
.nivoSlider img {
|
||||
position:absolute;
|
||||
top:0px;
|
||||
left:0px;
|
||||
display:none;
|
||||
}
|
||||
|
||||
.nivoSlider a {
|
||||
border:0;
|
||||
display:block;
|
||||
}
|
||||
|
||||
.nivo-controlNav {
|
||||
position: absolute;
|
||||
z-index: 999999;
|
||||
left: 50%;
|
||||
bottom: -13px;
|
||||
margin-left: -60px; /* Tweak this to center bullets */
|
||||
padding: .4em 1.8em .4em;
|
||||
-webkit-border-radius: 5px;
|
||||
-moz-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
background: #dfdfdf;
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#dfdfdf));
|
||||
background: -moz-linear-gradient(top, #f2f2f2, #dfdfdf);
|
||||
background: -o-linear-gradient(rgb(242,242,242),rgb(223,223,223));
|
||||
}
|
||||
|
||||
.ie8 .nivo-controlNav {
|
||||
-pie-background: linear-gradient(rgb(242,242,242),rgb(223,223,223));
|
||||
behavior: url(js/PIE.htc);
|
||||
}
|
||||
|
||||
.ie7 .nivo-controlNav {
|
||||
-pie-background: linear-gradient(rgb(242,242,242),rgb(223,223,223));
|
||||
behavior: url(../../js/PIE.htc);
|
||||
}
|
||||
|
||||
.nivo-controlNav a {
|
||||
display:block;
|
||||
width:18px;
|
||||
height:18px;
|
||||
background:url(default/bullets.png) no-repeat;
|
||||
text-indent:-9999px;
|
||||
border:0;
|
||||
margin-right:0;
|
||||
float:left;
|
||||
}
|
||||
|
||||
.nivo-controlNav a.active {
|
||||
background-position:0 -22px;
|
||||
}
|
||||
|
||||
.nivo-directionNav a {
|
||||
display:block;
|
||||
width:30px;
|
||||
height:30px;
|
||||
background:url(default/arrows.png) no-repeat;
|
||||
text-indent:-9999px;
|
||||
border:0;
|
||||
}
|
||||
|
||||
a.nivo-nextNav {
|
||||
background-position:-30px 0;
|
||||
right:15px;
|
||||
}
|
||||
|
||||
a.nivo-prevNav {
|
||||
left:15px;
|
||||
}
|
||||
|
||||
.nivo-caption {
|
||||
font-family: Helvetica, Arial, sans-serif;
|
||||
}
|
||||
|
||||
.nivo-caption a {
|
||||
color:#fff;
|
||||
border-bottom:1px dotted #fff;
|
||||
}
|
||||
|
||||
.nivo-caption a:hover {
|
||||
color:#fff;
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 8.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 9.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 8.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 317 B |
Binary file not shown.
|
After Width: | Height: | Size: 2.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 350 B |
Binary file not shown.
|
After Width: | Height: | Size: 7.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 5.0 KiB |
BIN
Binary file not shown.
|
After Width: | Height: | Size: 117 B |
BIN
Binary file not shown.
|
After Width: | Height: | Size: 2.7 KiB |
BIN
Binary file not shown.
|
After Width: | Height: | Size: 2.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.4 KiB |
@@ -0,0 +1,497 @@
|
||||
/*-----------------------------------------------------------------------------
|
||||
|
||||
- RAMA BANNER ROTATOR -
|
||||
|
||||
Screen Stylesheet
|
||||
|
||||
version: 1.0
|
||||
date: 09/18/11
|
||||
author: freshline
|
||||
email: support@version-four.com
|
||||
website: http://www.version-four.com
|
||||
-----------------------------------------------------------------------------*/
|
||||
|
||||
#example {
|
||||
-webkit-border-radius: 0 0 6px 6px;
|
||||
-moz-border-radius: 0 0 6px 6px;
|
||||
border-radius: 0 0 6px 6px;
|
||||
border-bottom: 1px solid #fff;
|
||||
-webkit-box-shadow: 0 10px 10px rgba(0,0,0,.05);
|
||||
-moz-box-shadow: 0 10px 10px rgba(0,0,0,.05);
|
||||
box-shadow: 0 10px 10px rgba(0,0,0,.05);
|
||||
}
|
||||
|
||||
/******************************
|
||||
- CUSTOM TOOLBOX -
|
||||
******************************/
|
||||
|
||||
.custom_toolbox {
|
||||
background-color:#303030 !important;
|
||||
|
||||
/* To Put it on the left side:
|
||||
margin-left:10px !important;
|
||||
float:left !important;
|
||||
*/
|
||||
|
||||
/* To Put it on the Right Side:
|
||||
margin-right:10px !important;
|
||||
float:right !important;
|
||||
*/
|
||||
|
||||
/* To put it on the middle:
|
||||
maring-right:auto !important;
|
||||
margin-left:auto !important;
|
||||
float:none !important;
|
||||
*/
|
||||
|
||||
margin-right:auto !important;
|
||||
margin-left:auto !important;
|
||||
float:none !important;
|
||||
top:320px !important; /* The Top POsition of the Navigation Toolbox */
|
||||
background:transparent !important;
|
||||
-webkit-border-radius:0px !important;
|
||||
-moz-border-radius: 0px !important;
|
||||
border-radius: 0px !important;
|
||||
-webkit-box-shadow: none; /*0px 0px 6px 0px #1f2120 !important;*/
|
||||
-moz-box-shadow: none; /*0px 0px 6px 0px #1f2120 !important;*/
|
||||
box-shadow: none; /*0px 0px 6px 0px #1f2120 !important;*/
|
||||
}
|
||||
|
||||
|
||||
/*--------------------------------------------------------------------------------------------------------------------------
|
||||
|
||||
-THE SKIN SETTINGS -
|
||||
|
||||
---------------------------------------------------------------------------------------------------------------------------*/
|
||||
|
||||
/***********************************************/
|
||||
/*------ THEME TOOLBOX SETTINGS ------*/
|
||||
/***********************************************/
|
||||
|
||||
.sport_mini_thumbnail_buttons {
|
||||
background-image:url(../assets/navigation/buttons.png);
|
||||
}
|
||||
|
||||
.sport_previous {
|
||||
background-image:url(../assets/navigation/nextprev.png);
|
||||
}
|
||||
|
||||
.sport_next {
|
||||
background-image:url(../assets/navigation/nextprev.png);
|
||||
}
|
||||
.sport_image_thumbnail {
|
||||
margin-top:-70px !important;
|
||||
z-index:11;
|
||||
background-color:#fff !important;
|
||||
}
|
||||
|
||||
.sport_countdown {
|
||||
background-image:url(../assets/loader/timer_white.png) !important;
|
||||
|
||||
}
|
||||
|
||||
.sport_image_thumbnail_arrow{
|
||||
background-image:url(../assets/navigation/arrow_down_white.png) !important;
|
||||
z-index:11;
|
||||
}
|
||||
|
||||
/*--------------------------------------------------------------------------------------------------------------------------
|
||||
|
||||
-BASIC / DEAFULT SETTINGS. NO NEED TO MODIFICATE -
|
||||
|
||||
---------------------------------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.noFilterClass {
|
||||
filter:none !important;
|
||||
}
|
||||
|
||||
/*---------------------------------------
|
||||
- CLEARING THE DEFAULT SETTINGS -
|
||||
-----------------------------------------*/
|
||||
.frames_slider ul, .frames_slider li {
|
||||
margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-o-user-select: none;
|
||||
user-select: none;
|
||||
-webkit-border-radius: 0 0 6px 6px;
|
||||
-moz-border-radius: 0 0 6px 6px;
|
||||
border-radius: 0 0 6px 6px;
|
||||
position:absolute;
|
||||
left:0;
|
||||
top:0;
|
||||
}
|
||||
|
||||
|
||||
/*-------------------------------------------------
|
||||
- The Default Settings for Each Banner -
|
||||
- Oll Theme Relevant Settings are -
|
||||
- idntified via Theme Names in ID and Class -
|
||||
---------------------------------------------------*/
|
||||
|
||||
.none_frame{
|
||||
background-color:#fff;
|
||||
margin-left:auto;
|
||||
margin-right:auto;
|
||||
display:none;
|
||||
padding-left:10px;
|
||||
padding-right:10px;
|
||||
padding-top:10px;
|
||||
padding-bottom:10px;
|
||||
font-family: 'Oswald', sans-serif;
|
||||
color: #000;
|
||||
-webkit-border-radius:0px;
|
||||
-moz-border-radius: 0px;
|
||||
border-radius: 0px;
|
||||
z-index:1;
|
||||
}
|
||||
|
||||
/*------------------------------
|
||||
- Mask on Images -
|
||||
--------------------------------*/
|
||||
|
||||
.frames_slider #mask {
|
||||
position:absolute;
|
||||
overflow:hidden;
|
||||
-webkit-border-radius:0px;
|
||||
-moz-border-radius: 0px;
|
||||
border-radius: 0px;
|
||||
}
|
||||
|
||||
/*--------------------------------------------------------
|
||||
- The Loader Size, Source and position on the Banner
|
||||
----------------------------------------------------------*/
|
||||
.frames_slider .loader{
|
||||
background-image:url(../assets/loader/loader_round_blue.gif);
|
||||
background-repeat:none;
|
||||
width:18px;
|
||||
height:18px;
|
||||
margin-left:auto;
|
||||
margin-right:auto;
|
||||
top:45%;
|
||||
z-index:1499;
|
||||
position:relative;
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
/*--------------------------------------------
|
||||
- The Logo in the right top Corner -
|
||||
----------------------------------------------*/
|
||||
.frames_slider #bannerlogo {
|
||||
position:absolute;
|
||||
left:765px;
|
||||
top:5px;
|
||||
z-index:1500;
|
||||
cursor:point;
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-o-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
#bannerlogo a:link {border:none;}
|
||||
#bannerlogo a:visited {border:none;}
|
||||
|
||||
.frames_slider #bannerlogo img{
|
||||
border-style:none;
|
||||
border:none;
|
||||
}
|
||||
|
||||
|
||||
/*----------------------------------------------------------------
|
||||
- Image Thumbnails, borders, Marings, rounded corners -
|
||||
------------------------------------------------------------------*/
|
||||
.frames_slider #image_thumbnail {
|
||||
position:absolute;
|
||||
border: 1px solid #000;
|
||||
background-color:#1a1a1a;
|
||||
-webkit-border-radius:3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
-webkit-box-shadow: 0px 0px 4px 0px #1f2120;
|
||||
-moz-box-shadow: 0px 0px 4px 0px #1f2120;
|
||||
box-shadow: 0px 0px 4px 0px #1f2120;
|
||||
cursor:pointer;
|
||||
z-index:990;
|
||||
}
|
||||
|
||||
/*---------------------------------------------------
|
||||
- Small Arrow under the Image Thumbnails -
|
||||
-----------------------------------------------------*/
|
||||
.frames_slider #image_thumbnail_arrow{
|
||||
width:26px;
|
||||
height:13px;
|
||||
background-image:url(../assets/navigation/arrow_down_black.png);
|
||||
background-repeat:no-repeat;
|
||||
position:absolute;
|
||||
z-index:4150 !important;
|
||||
}
|
||||
|
||||
/*-------------------------------------------
|
||||
- Toolbox (thumbnail, next,prev holder)
|
||||
---------------------------------------------*/
|
||||
.frames_slider #toolbox {
|
||||
position:relative;
|
||||
top:365px !important;
|
||||
left: 40%;
|
||||
float:left !important;
|
||||
padding:0;
|
||||
width:auto;
|
||||
height:30px;
|
||||
-webkit-border-radius: 6px;
|
||||
-moz-border-radius: 6px;
|
||||
border-radius: 6px;
|
||||
background: #dfdfdf;
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#dfdfdf));
|
||||
background: -moz-linear-gradient(top, #f2f2f2, #dfdfdf);
|
||||
background: -o-linear-gradient(rgb(242,242,242),rgb(223,223,223));
|
||||
-pie-background: linear-gradient(rgb(242,242,242),rgb(223,223,223));
|
||||
-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.3);
|
||||
-moz-box-shadow: 0 1px 4px rgba(0,0,0,.3);
|
||||
box-shadow: 0 1px 4px rgba(0,0,0,.3);
|
||||
}
|
||||
|
||||
.ie7 .frames_slider #toolbox {
|
||||
width: 161px !important;
|
||||
behavior: url(../js/PIE.htc);
|
||||
}
|
||||
|
||||
/*-------------------------------------
|
||||
- Toolbox - Next Button -
|
||||
--------------------------------------*/
|
||||
.frames_slider #toolbox #next {
|
||||
margin-top:6px;
|
||||
margin-left: 5px;
|
||||
float:left;
|
||||
overflow:hidden;
|
||||
background-image:url(../assets/navigation/nextprev.png);
|
||||
background-position:top left;
|
||||
width:19px;
|
||||
height:19px;
|
||||
cursor:pointer;
|
||||
}
|
||||
|
||||
/*-------------------------------------
|
||||
- Toolbox - Prev Button -
|
||||
--------------------------------------*/
|
||||
.frames_slider #toolbox #previous {
|
||||
margin-top:6px;
|
||||
margin-right: 2px;
|
||||
float:right;
|
||||
overflow:hidden;
|
||||
background-image:url(../assets/navigation/nextprev.png);
|
||||
background-position:top right;
|
||||
width:19px;
|
||||
height:19px;
|
||||
cursor:pointer;
|
||||
}
|
||||
|
||||
/*------------------------------------------
|
||||
- Toolbox - divider between buttons -
|
||||
--------------------------------------------*/
|
||||
.frames_slider #toolbox #mini_divider {
|
||||
margin-left:3px;
|
||||
margin-right:1px;
|
||||
float:right;
|
||||
overflow:hidden;
|
||||
/* background:url(../assets/navigation/toolbar_separator.png) no-repeat center center;;*/
|
||||
width:2px;
|
||||
height:30px;
|
||||
}
|
||||
|
||||
/*-----------------------------------------
|
||||
- Toolbox - Mini Thumbnail Buttons -
|
||||
-------------------------------------------*/
|
||||
.frames_slider #toolbox .mini_thumbnail_buttons {
|
||||
margin-top:5px;
|
||||
float:right;
|
||||
overflow:hidden;
|
||||
background-image:url(../assets/navigation/buttons.png);
|
||||
background-position:top left;
|
||||
width:22px;
|
||||
height:22px;
|
||||
cursor:pointer;
|
||||
}
|
||||
|
||||
.frames_slider .pause_sign {
|
||||
background:url(../assets/navigation/pause.png) no-repeat;
|
||||
width:35px;
|
||||
height:37px;
|
||||
position:absolute;
|
||||
z-index:4100;
|
||||
}
|
||||
|
||||
.countdown {
|
||||
background-image: url(../assets/loader/timer_white.png);
|
||||
height: 10px;
|
||||
margin-left: 6px;
|
||||
margin-top: 6px;
|
||||
position: relative;
|
||||
width: 10px;
|
||||
z-index: 4055;
|
||||
}
|
||||
/*-----------------------------------------------------------------------------
|
||||
|
||||
- RAMA SLIDER -
|
||||
|
||||
Screen Stylesheet
|
||||
|
||||
version: 1.0
|
||||
date: 07/27/11
|
||||
author: freshline
|
||||
email: support@version-four.com
|
||||
website: http://www.version-four.com
|
||||
-----------------------------------------------------------------------------*/
|
||||
|
||||
|
||||
/*--------------------------------------------------------------------------------------------------------
|
||||
|
||||
- THE LAYERS ON THE RAMA BANNER -
|
||||
|
||||
All Object (Text, Images) on the Banner Layer will be set via the Content.css
|
||||
You can of course use your own styles as well. We only recommend to split the css files,
|
||||
to make better overview of your files.
|
||||
|
||||
Position are always absolute. Position 0,0 is the left top corner of the banner inside the Frame.
|
||||
|
||||
---------------------------------------------------------------------------------------------------------*/
|
||||
|
||||
|
||||
/*--------------------------------------------------
|
||||
- BANNER 1 - 1/10
|
||||
-----------------------------------------------------*/
|
||||
.logo_1 {
|
||||
left:265px;
|
||||
top:21px;
|
||||
position:absolute;
|
||||
}
|
||||
|
||||
.title_1 {
|
||||
font-size:2.5em;
|
||||
font-style:italic;
|
||||
font-weight:normal;
|
||||
color: #fff;
|
||||
padding:10px 30px 15px 20px;
|
||||
left:40px;
|
||||
top:255px;
|
||||
position:absolute;
|
||||
font-family: 'PT Sans Narrow', sans-serif;
|
||||
}
|
||||
|
||||
.description_1 {
|
||||
font-size:1.5em;
|
||||
text-align:center;
|
||||
color: #88d600;
|
||||
left:60px;
|
||||
top:287px;
|
||||
position:absolute;
|
||||
font-family: 'PT Sans Narrow', sans-serif;
|
||||
}
|
||||
|
||||
|
||||
/*--------------------------------------------------
|
||||
- BANNER 1 - 2/10
|
||||
-----------------------------------------------------*/
|
||||
|
||||
.title_2 {
|
||||
font-size:2.5em;
|
||||
font-weight:normal;
|
||||
font-family: 'PT Sans Narrow', sans-serif;
|
||||
color: #fff;
|
||||
left:370px;
|
||||
top:215px;
|
||||
position:absolute;
|
||||
}
|
||||
|
||||
.description_2 {
|
||||
font-size:1.5em;
|
||||
color: #fff;
|
||||
left:370px;
|
||||
top:200px;
|
||||
position:absolute;
|
||||
font-family: 'PT Sans Narrow', sans-serif;
|
||||
}
|
||||
|
||||
|
||||
/*--------------------------------------------------
|
||||
- BANNER 1 - 3/10
|
||||
-----------------------------------------------------*/
|
||||
|
||||
.title_3 {
|
||||
font-family: 'PT Sans Narrow', sans-serif;
|
||||
font-size:2.5em;
|
||||
font-style:italic;
|
||||
font-weight:normal;
|
||||
color: #88d600;
|
||||
padding:10px 30px 15px 20px;
|
||||
left:40px;
|
||||
top:250px;
|
||||
position:absolute;
|
||||
}
|
||||
|
||||
.description_3 {
|
||||
font-size:1.5em;
|
||||
text-align:center;
|
||||
color: #fff;
|
||||
left:60px;
|
||||
top:287px;
|
||||
position:absolute;
|
||||
font-family: 'PT Sans Narrow', sans-serif;
|
||||
}
|
||||
|
||||
|
||||
/*--------------------------------------------------
|
||||
- BANNER 1 - 4/10
|
||||
-----------------------------------------------------*/
|
||||
|
||||
.title_4 {
|
||||
font-family: 'PT Sans Narrow', sans-serif;
|
||||
font-size:2.5em;
|
||||
font-style:italic;
|
||||
font-weight:normal;
|
||||
color: #fff;
|
||||
padding:10px 30px 15px 20px;
|
||||
left:40px;
|
||||
top:180px;
|
||||
position:absolute;
|
||||
}
|
||||
|
||||
.description_4 {
|
||||
font-size:1.5em;
|
||||
text-align:center;
|
||||
color: #fff;
|
||||
left:60px;
|
||||
top:175px;
|
||||
position:absolute;
|
||||
font-family: 'PT Sans Narrow', sans-serif;
|
||||
}
|
||||
|
||||
/*--------------------------------------------------
|
||||
- BANNER 1 - 5/10
|
||||
-----------------------------------------------------*/
|
||||
|
||||
.title_5 {
|
||||
font-family: 'PT Sans Narrow', sans-serif;
|
||||
font-size:2.5em;
|
||||
font-style:italic;
|
||||
font-weight:normal;
|
||||
color:#1f2123;
|
||||
left:350px;
|
||||
top:250px;
|
||||
position:absolute;
|
||||
}
|
||||
|
||||
.description_5 {
|
||||
font-family: 'PT Sans Narrow', sans-serif;
|
||||
font-size:1.5em;
|
||||
font-style:italic;
|
||||
color: #1f2123;
|
||||
left:350px;
|
||||
top:285px;
|
||||
position:absolute;
|
||||
}
|
||||
|
||||
+1998
File diff suppressed because it is too large
Load Diff
Vendored
+1954
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,72 @@
|
||||
/*
|
||||
* jQuery Easing v1.3 - http://gsgd.co.uk/sandbox/jquery/easing/
|
||||
*
|
||||
* Uses the built in easing capabilities added In jQuery 1.1
|
||||
* to offer multiple easing options
|
||||
*
|
||||
* TERMS OF USE - jQuery Easing
|
||||
*
|
||||
* Open source under the BSD License.
|
||||
*
|
||||
* Copyright © 2008 George McGinley Smith
|
||||
* All rights reserved.
|
||||
*
|
||||
* Redistribution and use in source and binary forms, with or without modification,
|
||||
* are permitted provided that the following conditions are met:
|
||||
*
|
||||
* Redistributions of source code must retain the above copyright notice, this list of
|
||||
* conditions and the following disclaimer.
|
||||
* Redistributions in binary form must reproduce the above copyright notice, this list
|
||||
* of conditions and the following disclaimer in the documentation and/or other materials
|
||||
* provided with the distribution.
|
||||
*
|
||||
* Neither the name of the author nor the names of contributors may be used to endorse
|
||||
* or promote products derived from this software without specific prior written permission.
|
||||
*
|
||||
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY
|
||||
* EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
|
||||
* MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
|
||||
* COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
|
||||
* EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
|
||||
* GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED
|
||||
* AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
|
||||
* NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED
|
||||
* OF THE POSSIBILITY OF SUCH DAMAGE.
|
||||
*
|
||||
*/
|
||||
|
||||
// t: current time, b: begInnIng value, c: change In value, d: duration
|
||||
jQuery.easing["jswing"]=jQuery.easing["swing"];jQuery.extend(jQuery.easing,{def:"easeOutQuad",swing:function(a,b,c,d,e){return jQuery.easing[jQuery.easing.def](a,b,c,d,e)},easeInQuad:function(a,b,c,d,e){return d*(b/=e)*b+c},easeOutQuad:function(a,b,c,d,e){return-d*(b/=e)*(b-2)+c},easeInOutQuad:function(a,b,c,d,e){if((b/=e/2)<1)return d/2*b*b+c;return-d/2*(--b*(b-2)-1)+c},easeInCubic:function(a,b,c,d,e){return d*(b/=e)*b*b+c},easeOutCubic:function(a,b,c,d,e){return d*((b=b/e-1)*b*b+1)+c},easeInOutCubic:function(a,b,c,d,e){if((b/=e/2)<1)return d/2*b*b*b+c;return d/2*((b-=2)*b*b+2)+c},easeInQuart:function(a,b,c,d,e){return d*(b/=e)*b*b*b+c},easeOutQuart:function(a,b,c,d,e){return-d*((b=b/e-1)*b*b*b-1)+c},easeInOutQuart:function(a,b,c,d,e){if((b/=e/2)<1)return d/2*b*b*b*b+c;return-d/2*((b-=2)*b*b*b-2)+c},easeInQuint:function(a,b,c,d,e){return d*(b/=e)*b*b*b*b+c},easeOutQuint:function(a,b,c,d,e){return d*((b=b/e-1)*b*b*b*b+1)+c},easeInOutQuint:function(a,b,c,d,e){if((b/=e/2)<1)return d/2*b*b*b*b*b+c;return d/2*((b-=2)*b*b*b*b+2)+c},easeInSine:function(a,b,c,d,e){return-d*Math.cos(b/e*(Math.PI/2))+d+c},easeOutSine:function(a,b,c,d,e){return d*Math.sin(b/e*(Math.PI/2))+c},easeInOutSine:function(a,b,c,d,e){return-d/2*(Math.cos(Math.PI*b/e)-1)+c},easeInExpo:function(a,b,c,d,e){return b==0?c:d*Math.pow(2,10*(b/e-1))+c},easeOutExpo:function(a,b,c,d,e){return b==e?c+d:d*(-Math.pow(2,-10*b/e)+1)+c},easeInOutExpo:function(a,b,c,d,e){if(b==0)return c;if(b==e)return c+d;if((b/=e/2)<1)return d/2*Math.pow(2,10*(b-1))+c;return d/2*(-Math.pow(2,-10*--b)+2)+c},easeInCirc:function(a,b,c,d,e){return-d*(Math.sqrt(1-(b/=e)*b)-1)+c},easeOutCirc:function(a,b,c,d,e){return d*Math.sqrt(1-(b=b/e-1)*b)+c},easeInOutCirc:function(a,b,c,d,e){if((b/=e/2)<1)return-d/2*(Math.sqrt(1-b*b)-1)+c;return d/2*(Math.sqrt(1-(b-=2)*b)+1)+c},easeInElastic:function(a,b,c,d,e){var f=1.70158;var g=0;var h=d;if(b==0)return c;if((b/=e)==1)return c+d;if(!g)g=e*.3;if(h<Math.abs(d)){h=d;var f=g/4}else var f=g/(2*Math.PI)*Math.asin(d/h);return-(h*Math.pow(2,10*(b-=1))*Math.sin((b*e-f)*2*Math.PI/g))+c},easeOutElastic:function(a,b,c,d,e){var f=1.70158;var g=0;var h=d;if(b==0)return c;if((b/=e)==1)return c+d;if(!g)g=e*.3;if(h<Math.abs(d)){h=d;var f=g/4}else var f=g/(2*Math.PI)*Math.asin(d/h);return h*Math.pow(2,-10*b)*Math.sin((b*e-f)*2*Math.PI/g)+d+c},easeInOutElastic:function(a,b,c,d,e){var f=1.70158;var g=0;var h=d;if(b==0)return c;if((b/=e/2)==2)return c+d;if(!g)g=e*.3*1.5;if(h<Math.abs(d)){h=d;var f=g/4}else var f=g/(2*Math.PI)*Math.asin(d/h);if(b<1)return-.5*h*Math.pow(2,10*(b-=1))*Math.sin((b*e-f)*2*Math.PI/g)+c;return h*Math.pow(2,-10*(b-=1))*Math.sin((b*e-f)*2*Math.PI/g)*.5+d+c},easeInBack:function(a,b,c,d,e,f){if(f==undefined)f=1.70158;return d*(b/=e)*b*((f+1)*b-f)+c},easeOutBack:function(a,b,c,d,e,f){if(f==undefined)f=1.70158;return d*((b=b/e-1)*b*((f+1)*b+f)+1)+c},easeInOutBack:function(a,b,c,d,e,f){if(f==undefined)f=1.70158;if((b/=e/2)<1)return d/2*b*b*(((f*=1.525)+1)*b-f)+c;return d/2*((b-=2)*b*(((f*=1.525)+1)*b+f)+2)+c},easeInBounce:function(a,b,c,d,e){return d-jQuery.easing.easeOutBounce(a,e-b,0,d,e)+c},easeOutBounce:function(a,b,c,d,e){if((b/=e)<1/2.75){return d*7.5625*b*b+c}else if(b<2/2.75){return d*(7.5625*(b-=1.5/2.75)*b+.75)+c}else if(b<2.5/2.75){return d*(7.5625*(b-=2.25/2.75)*b+.9375)+c}else{return d*(7.5625*(b-=2.625/2.75)*b+.984375)+c}},easeInOutBounce:function(a,b,c,d,e){if(b<e/2)return jQuery.easing.easeInBounce(a,b*2,0,d,e)*.5+c;return jQuery.easing.easeOutBounce(a,b*2-e,0,d,e)*.5+d*.5+c}})
|
||||
|
||||
/*
|
||||
*
|
||||
* TERMS OF USE - EASING EQUATIONS
|
||||
*
|
||||
* Open source under the BSD License.
|
||||
*
|
||||
* Copyright © 2001 Robert Penner
|
||||
* All rights reserved.
|
||||
*
|
||||
* Redistribution and use in source and binary forms, with or without modification,
|
||||
* are permitted provided that the following conditions are met:
|
||||
*
|
||||
* Redistributions of source code must retain the above copyright notice, this list of
|
||||
* conditions and the following disclaimer.
|
||||
* Redistributions in binary form must reproduce the above copyright notice, this list
|
||||
* of conditions and the following disclaimer in the documentation and/or other materials
|
||||
* provided with the distribution.
|
||||
*
|
||||
* Neither the name of the author nor the names of contributors may be used to endorse
|
||||
* or promote products derived from this software without specific prior written permission.
|
||||
*
|
||||
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY
|
||||
* EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
|
||||
* MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
|
||||
* COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
|
||||
* EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
|
||||
* GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED
|
||||
* AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
|
||||
* NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED
|
||||
* OF THE POSSIBILITY OF SUCH DAMAGE.
|
||||
*
|
||||
*/
|
||||
Reference in New Issue
Block a user