initial commit

bogtan · Jan 27, 2013 · ab7af6e · ab7af6e
1 parent 5492e39
commit ab7af6e
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 13 deletions.
diff --git a/assests/style.css b/assests/style.css
@@ -165,6 +165,7 @@ a:hover {
 	font-size: 1.25em;
 	font-weight: 200;
 	text-shadow: 0.1em 0.1em 0.1em rgba(0, 0, 0, 0.8);
+	visibility: hidden;
 }
 
 .jumbotron .btn {

diff --git a/index.html b/index.html
@@ -44,6 +44,9 @@ <h2>Credits</h2>
         <div class="grid grid-pad">
           <section class="col-1-1">
               <h2>Examples</h2>
+              <div class="grid grid-pad">
+
+              </div>
           </section>
         </div>
         <div class="grid grid-pad">
@@ -96,7 +99,7 @@ <h2>Dependencies</h2>
 <script>
 
   $(function (){
-    var animateClasses = "flash bounce shake tada swing wobble pulse flip flipInX flipOutX flipInY flipOutY fadeIn fadeInUp fadeInDown fadeInLeft fadeInRight fadeInUpBig fadeInDownBig fadeInLeftBig fadeInRightBig fadeOut fadeOutUp fadeOutDown fadeOutLeft fadeOutRight fadeOutUpBig fadeOutDownBig fadeOutLeftBig fadeOutRightBig bounceIn bounceInDown bounceInUp bounceInLeft bounceInRight bounceOut bounceOutDown bounceOutUp bounceOutLeft bounceOutRight rotateIn rotateInDownLeft rotateInDownRight rotateInUpLeft rotateInUpRight rotateOut rotateOutDownLeft rotateOutDownRight rotateOutUpLeft rotateOutUpRight hinge rollIn rollOut";
+    var animateClasses = 'flash bounce shake tada swing wobble pulse flip flipInX flipOutX flipInY flipOutY fadeIn fadeInUp fadeInDown fadeInLeft fadeInRight fadeInUpBig fadeInDownBig fadeInLeftBig fadeInRightBig fadeOut fadeOutUp fadeOutDown fadeOutLeft fadeOutRight fadeOutUpBig fadeOutDownBig fadeOutLeftBig fadeOutRightBig bounceIn bounceInDown bounceInUp bounceInLeft bounceInRight bounceOut bounceOutDown bounceOutUp bounceOutLeft bounceOutRight rotateIn rotateInDownLeft rotateInDownRight rotateInUpLeft rotateInUpRight rotateOut rotateOutDownLeft rotateOutDownRight rotateOutUpLeft rotateOutUpRight hinge rollIn rollOut';
 
     var $form = $('.playground form')
       , $viewport = $('.playground .viewport');
@@ -110,7 +113,6 @@ <h2>Dependencies</h2>
           , type = $this.data('type');
 
           data[type][key] = $this.is(':checkbox') ? $this.is(':checked') : $this.val();
-
       });
 
       return data;

diff --git a/jquery.textillate.js b/jquery.textillate.js
@@ -105,17 +105,10 @@
 				.text(base.$texts.find(':first-child').text())
 				.prependTo($element);
 
-			if (isInEffect(options.in.effect)) {
-				base.$current.css('visibility', 'hidden');
-			} else if (isOutEffect(options.in.effect)) {
-				base.$current.css('visibility', 'visible');
-			}
-
 			base.setOptions(options);
 
 			setTimeout(function () {
-				//	base.$current.css('visibility', 'visible');
-					base.start();
+					base.options.autoStart && base.start();
 			}, base.options.initialDelay)
 		};
 
@@ -126,6 +119,12 @@
 		base.start = function (index) {
 			var $next = base.$texts.find(':nth-child(' + (index || 1) + ')');
 
+			if (isInEffect(base.options.in.effect)) {
+				base.$current.css('visibility', 'hidden');
+			} else if (isOutEffect(base.options.in.effect)) {
+				base.$current.css('visibility', 'visible');
+			}
+
 			(function run ($elem) {
 				var options = $.extend({}, base.options, getData($elem));
 
@@ -177,16 +176,16 @@
 	}
 
 
-	$.fn.textillate = function (settings) {
+	$.fn.textillate = function (settings, args) {
 		return this.each(function () {
 			var $this = $(this)
 				, data = $this.data('textillate')
 				, options = $.extend(true, {}, $.fn.textillate.defaults, getData(this), typeof settings == 'object' && settings);
 
 			if (!data) { 
 				$this.data('textillate', (data = new Textillate(this, options)));
-			} else if (typeof option == 'string') {
-				data[option].apply(data, [].concat(args));
+			} else if (typeof settings == 'string') {
+				data[settings].apply(data, [].concat(args));
 			} else {
 			  data.setOptions.call(data, options);
 			}
@@ -212,6 +211,7 @@
 			sync: false,
 			shuffle: false,
 		},
+		autoStart: true,
 		inEffects: [],
 		outEffects: [ 'hinge' ]
 	};