Browse Source

more file size optimization

pull/2/head
Tuomas Salo 13 years ago
parent
commit
6a2aa920f0
  1. 2
      example/index.html
  2. 42
      responsiveslides.js
  3. 2
      responsiveslides.pack.js

2
example/index.html

@ -6,7 +6,7 @@
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;" />
<link rel="stylesheet" href="styles.css?v1.01" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script src="../responsiveslides.pack.js"></script>
<script src="../responsiveslides.min.js"></script>
<script>
jQuery(function() {

42
responsiveslides.js

@ -21,10 +21,14 @@
// just for minification:
namespace = settings.namespace,
tabsClass = namespace + '_tabs',
visibleClass = namespace + '_visible',
activeClass = namespace + '_active',
slideClassPrefix = namespace + '_slide',
maxwidth = parseFloat(settings.maxwidth),
fade = parseFloat(settings.fade),
$pagination = $('<ul class="' + namespace + '_tabs"/>'),
$pagination = $('<ul class="' + tabsClass + '"/>'),
visible = {
'position': 'relative',
'float': 'left'
@ -40,7 +44,7 @@
}
$slide.each(function (i) {
this.id = namespace + '_slide' + i;
this.id = slideClassPrefix + i;
});
$slide.css({
@ -51,10 +55,10 @@
'position': 'absolute'
});
$this.find(':first-child').addClass(namespace + '_visible').css(visible);
$this.find(':first-child').addClass(visibleClass).css(visible);
$this.css({
'max-width': parseFloat(settings.maxwidth),
'max-width': maxwidth,
'width': '100%',
'overflow': 'hidden',
'position': 'relative'
@ -63,13 +67,13 @@
$this.find($slide + ':gt(0)').hide();
// Auto: true
if (settings.auto === true) {
if (settings.auto) {
setInterval(function () {
$this.find(':first-child').fadeOut(fade, function () {
$(this).css(hidden);
}).next($slide).fadeIn(fade, function () {
$(this).css(visible);
}).addClass(namespace + '_visible').end().appendTo($this).removeClass(namespace + '_visible');
}).addClass(visibleClass).end().appendTo($this).removeClass(visibleClass);
}, parseFloat(settings.speed));
// Auto: false
@ -78,40 +82,40 @@
var whichSlide = i + 1,
tabMarkup =
'<li>' +
'<a href="#' + namespace + '_slide' + whichSlide + '"' +
'class="' + namespace + '_slide' + whichSlide + '">' + whichSlide + '</a>' +
'<a href="#' + slideClassPrefix + whichSlide + '"' +
'class="' + slideClassPrefix + whichSlide + '">' + whichSlide + '</a>' +
'</li>'
;
$pagination.append(tabMarkup);
});
$this.after($pagination);
$('.' + namespace + '_slide1').parent().addClass(namespace + '_active');
$('.' + namespace + '_tabs a').each(function (i) {
$('.' + slideClassPrefix + '1').parent().addClass(activeClass);
$('.' + tabsClass + ' a').each(function (i) {
var $el = $(this);
$el.click(function (e) {
e.preventDefault();
// Prevent clicking if animated
if ($('.' + namespace + '_visible:animated').length) {
return false;
if ($('.' + visibleClass + ':animated').length) {
return;
}
if (!($el.parent().hasClass(namespace + '_active'))) {
$('.' + namespace + '_tabs li').removeClass(namespace + '_active');
if (!($el.parent().hasClass(activeClass))) {
$('.' + tabsClass + ' li').removeClass(activeClass);
$('.' + namespace + '_visible').stop()
$('.' + visibleClass).stop()
.fadeOut(fade, function () {
$(this).removeClass(namespace + '_visible').css(hidden);
$(this).removeClass(visibleClass).css(hidden);
}).end();
$('#' + namespace + '_slide' + i).stop()
$('#' + slideClassPrefix + i).stop()
.fadeIn(fade, function () {
$(this).addClass(namespace + '_visible').css(visible);
$(this).addClass(visibleClass).css(visible);
}).end();
$el.parent().addClass(namespace + '_active');
$el.parent().addClass(activeClass);
}
});
});

2
responsiveslides.pack.js

@ -1,2 +0,0 @@
/*! ResponsiveSlides.js v1.01. (c) 2011 Viljami Salminen. MIT License. http://responsive-slides.viljamis.com */
(function(a){a.fn.responsiveSlides=function(b){var c={speed:4e3,fade:1e3,auto:true,maxwidth:"none",namespace:"responsiveSlides"};return this.each(function(){var d=a(this);if(b){a.extend(c,b)}var e=function(){var b=d.find("img"),e=a('<ul class="'+c.namespace+'_tabs" />'),f={position:"relative","float":"left"},g={position:"absolute","float":"none"};if(d.find(b).length<=1){return}b.each(function(b){var d=a(this);d.attr({id:c.namespace+"_slide"+b})});b.css({top:0,left:0,width:"100%",height:"inherit",position:"absolute"});d.find(":first-child").addClass(c.namespace+"_visible").css(f);d.css({"max-width":parseFloat(c.maxwidth),width:"100%",overflow:"hidden",position:"relative"});d.find(b+":gt(0)").hide();if(c.auto===true){setInterval(function(){d.find(":first-child").fadeOut(parseFloat(c.fade),function(){a(this).css(g)}).next(b).fadeIn(parseFloat(c.fade),function(){a(this).css(f)}).addClass(c.namespace+"_visible").end().appendTo(d).removeClass(c.namespace+"_visible")},parseFloat(c.speed))}else{b.each(function(a){var b=a+1;tabMarkup=["<li>",'<a href="#'+c.namespace+"_slide"+b+'"','class="'+c.namespace+"_slide"+b+'">'+b+"</a>","</li>"].join("");e.append(tabMarkup)});d.after(e);a("."+c.namespace+"_slide1").parent().addClass(c.namespace+"_active");a("."+c.namespace+"_tabs a").each(function(b){var d=a(this);d.click(function(e){e.preventDefault();if(a("."+c.namespace+"_visible:animated").length){return false}if(!d.parent().hasClass(c.namespace+"_active")){a("."+c.namespace+"_tabs li").removeClass(c.namespace+"_active");a("."+c.namespace+"_visible").stop().fadeOut(parseFloat(c.fade),function(){a(this).removeClass(c.namespace+"_visible").css(g)}).end();a("#"+c.namespace+"_slide"+b).stop().fadeIn(parseFloat(c.fade),function(){a(this).addClass(c.namespace+"_visible").css(f)}).end();d.parent().addClass(c.namespace+"_active")}})})}};var f=function(){if(b.maxwidth){if(typeof document.body.style.maxHeight!=="undefined"&&typeof document.body.style.minHeight!=="undefined"){return false}else{d.each(function(){d.css("width","100%");if(d.width()>parseFloat(c.maxwidth)){d.css("width",parseFloat(c.maxwidth))}else if(d.width()<parseFloat(c.maxwidth)){d.css("width","100%")}})}}};e();f();a(window).resize(function(){f()})})}})(jQuery);
Loading…
Cancel
Save