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;" /> <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;" />
<link rel="stylesheet" href="styles.css?v1.01" /> <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="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> <script>
jQuery(function() { jQuery(function() {

42
responsiveslides.js

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