Add missing comma

[neonick]

If you copy the initialization, it does not work :)

[MrSaints]

Duplicate of pull request #7 .

[CavalcanteLeo]

Here is the code without any issue...

/* ===========================================================

• jquery-simple-text-rotator.js v1
• ===========================================================
• Copyright 2013 Pete Rojwongsuriya.
• Reviewed by Leonardo Cavalcante
• http://www.thepetedesign.com *
• A very simple and light weight jQuery plugin that
• allows you to rotate multiple text without changing
• the layout
• https://github.com/peachananr/simple-text-rotator *

• ========================================================== */ (function ($) {

  var defaults = { animation: "dissolve", separator: ",", speed: 2000 };

  $.fx.step.textShadowBlur = function (fx) { $(fx.elem).prop('textShadowBlur', fx.now).css({ textShadow: '0 0 ' + Math.floor(fx.now) + 'px black' }); };

  $.fn.textrotator = function (options) { var settings = $.extend({ }, defaults, options);

  return this.each(function () {
    var initial, index;
    var el = $(this);
    var array = [];
    $.each(el.text().split(settings.separator), function (key, value) {
        array.push(value);
        key = key;
    });
    el.text(array[0]);
  
    // animation option
    var rotate = function () {
        switch (settings.animation) {
        case 'dissolve':
            el.animate({
                textShadowBlur: 20,
                opacity: 0
            }, 500, function () {
                index = $.inArray(el.text(), array);
                if ((index + 1) === array.length) {
                    index = -1;
                }
                el.text(array[index + 1]).animate({
                    textShadowBlur: 0,
                    opacity: 1
                }, 500);
            });
            break;
  
        case 'flip':
            if (el.find(".back").length > 0) {
                el.html(el.find(".back").html());
            }
  
            initial = el.text();
            index = $.inArray(initial, array);
            if ((index + 1) === array.length) {
                index = -1;
            }
            el.html("");
            $("<span class='front'>" + initial + "</span>").appendTo(el);
            $("<span class='back'>" + array[index + 1] + "</span>").appendTo(el);
            el.wrapInner("<span class='rotating' />").find(".rotating").hide().addClass("flip").show().css({
                "-webkit-transform": " rotateY(-180deg)",
                "-moz-transform": " rotateY(-180deg)",
                "-o-transform": " rotateY(-180deg)",
                "transform": " rotateY(-180deg)"
            });
  
            break;
  
        case 'flipUp':
            if (el.find(".back").length > 0) {
                el.html(el.find(".back").html());
            }
  
            initial = el.text();
            index = $.inArray(initial, array);
            if ((index + 1) === array.length) {
                index = -1;
            }
            el.html("");
            $("<span class='front'>" + initial + "</span>").appendTo(el);
            $("<span class='back'>" + array[index + 1] + "</span>").appendTo(el);
            el.wrapInner("<span class='rotating' />").find(".rotating").hide().addClass("flip up").show().css({
                "-webkit-transform": " rotateX(-180deg)",
                "-moz-transform": " rotateX(-180deg)",
                "-o-transform": " rotateX(-180deg)",
                "transform": " rotateX(-180deg)"
            });
  
            break;
  
        case 'flipCube':
            if (el.find(".back").length > 0) {
                el.html(el.find(".back").html());
            }
  
            initial = el.text();
            index = $.inArray(initial, array);
            if ((index + 1) === array.length) {
                index = -1;
            }
  
            el.html("");
            $("<span class='front'>" + initial + "</span>").appendTo(el);
            $("<span class='back'>" + array[index + 1] + "</span>").appendTo(el);
            el.wrapInner("<span class='rotating' />").find(".rotating").hide().addClass("flip cube").show().css({
                "-webkit-transform": " rotateY(180deg)",
                "-moz-transform": " rotateY(180deg)",
                "-o-transform": " rotateY(180deg)",
                "transform": " rotateY(180deg)"
            });
  
            break;
  
        case 'flipCubeUp':
            if (el.find(".back").length > 0) {
                el.html(el.find(".back").html());
            }
  
            initial = el.text();
            index = $.inArray(initial, array);
            if ((index + 1) === array.length) {
                index = -1;
            }
  
            el.html("");
            $("<span class='front'>" + initial + "</span>").appendTo(el);
            $("<span class='back'>" + array[index + 1] + "</span>").appendTo(el);
            el.wrapInner("<span class='rotating' />").find(".rotating").hide().addClass("flip cube up").show().css({
                "-webkit-transform": " rotateX(180deg)",
                "-moz-transform": " rotateX(180deg)",
                "-o-transform": " rotateX(180deg)",
                "transform": " rotateX(180deg)"
            });
  
            break;
  
        case 'spin':
            if (el.find(".rotating").length > 0) {
                el.html(el.find(".rotating").html());
            }
            index = $.inArray(el.text(), array);
            if ((index + 1) === array.length) {
                index = -1;
            }
            el.wrapInner("<span class='rotating spin' />").find(".rotating").hide().text(array[index + 1]).show().css({
                "-webkit-transform": " rotate(0) scale(1)",
                "-moz-transform": "rotate(0) scale(1)",
                "-o-transform": "rotate(0) scale(1)",
                "transform": "rotate(0) scale(1)"
            });
            break;
  
        case 'fade':
            el.fadeOut(settings.speed, function () {
                var index = $.inArray(el.text(), array);
                if ((index + 1) === array.length) {
                    index = -1;
                }
                el.text(array[index + 1]).fadeIn(settings.speed);
                // console.log('array: ' + index);
            });
            break;
        }
    };
    setInterval(rotate, settings.speed);
  });

  };

})($);