1/* =========================================================== 2 * jquery-simple-text-rotator.js v1 3 * =========================================================== 4 * Copyright 2013 Pete Rojwongsuriya. 5 * http://www.thepetedesign.com 6 * 7 * A very simple and light weight jQuery plugin that 8 * allows you to rotate multiple text without changing 9 * the layout 10 * https://github.com/peachananr/simple-text-rotator 11 * 12 * ========================================================== */ 13 14!function($){ 15 16 var defaults = { 17 animation: "dissolve", 18 separator: ",", 19 speed: 2000 20 }; 21 22 $.fn.textrotator = function(options){ 23 var settings = $.extend({}, defaults, options); 24 25 return this.each(function(){ 26 var el = $(this) 27 var array = []; 28 $.each(el.text().split(settings.separator), function(key, value) { 29 array.push(value); 30 }); 31 el.text(array[0]); 32 33 // animation option 34 var rotate = function() { 35 switch (settings.animation) { 36 case 'dissolve': 37 el.animate({ 38 textShadowBlur:20, 39 opacity: 0 40 }, 500 , function() { 41 index = $.inArray(el.text(), array) 42 if((index + 1) == array.length) index = -1 43 el.text(array[index + 1]).animate({ 44 textShadowBlur:0, 45 opacity: 1 46 }, 500 ); 47 }); 48 break; 49 50 // case 'flip': 51 // if(el.find(".back").length > 0) { 52 // el.html(el.find(".back").html()) 53 // } 54 55 // var initial = el.text() 56 // var index = $.inArray(initial, array) 57 // if((index + 1) == array.length) index = -1 58 59 // el.html(""); 60 // $("<span class='front'>" + initial + "</span>").appendTo(el); 61 // $("<span class='back'>" + array[index + 1] + "</span>").appendTo(el); 62 // el.wrapInner("<span class='rotating' />").find(".rotating").hide().addClass("flip").show().css({ 63 // "-webkit-transform": " rotateY(-180deg)", 64 // "-moz-transform": " rotateY(-180deg)", 65 // "-o-transform": " rotateY(-180deg)", 66 // "transform": " rotateY(-180deg)" 67 // }) 68 69 // break; 70 71 case 'flip': 72 if(el.find(".back").length > 0) { 73 el.html(el.find(".back").html()); 74 } 75 var initial = el.text() 76 var index = $.inArray(initial, array) 77 if((index + 1) == array.length) index = -1 78 79 80 el.html(""); 81 $("<span class='front'>" + initial + "</span>").appendTo(el).hide(); 82 $("<span class='back'>" + array[index + 1] + "</span>").appendTo(el); 83 el.wrapInner("<span class='rotating'/>").find(".rotating").addClass("animate__animated animate__flip"); 84 85 break; 86 87 case 'flipUp': 88 if(el.find(".back").length > 0) { 89 el.html(el.find(".back").html()); 90 } 91 var initial = el.text() 92 var index = $.inArray(initial, array) 93 if((index + 1) == array.length) index = -1 94 95 96 el.html(""); 97 $("<span class='front'>" + initial + "</span>").appendTo(el).hide(); 98 $("<span class='back'>" + array[index + 1] + "</span>").appendTo(el); 99 el.wrapInner("<span class='rotating'/>").find(".rotating").addClass("animate__animated animate__flipInX"); 100 101 break; 102 103 case 'flipCube': 104 if(el.find(".back").length > 0) { 105 el.html(el.find(".back").html()); 106 } 107 var initial = el.text() 108 var index = $.inArray(initial, array) 109 if((index + 1) == array.length) index = -1 110 111 112 el.html(""); 113 $("<span class='front'>" + initial + "</span>").appendTo(el).hide(); 114 $("<span class='back'>" + array[index + 1] + "</span>").appendTo(el); 115 el.wrapInner("<span class='rotating'/>").find(".rotating").addClass("animate__animated animate__flipInY"); 116 117 break; 118 119 case 'zoomIn': 120 if(el.find(".back").length > 0) { 121 el.html(el.find(".back").html()); 122 } 123 var initial = el.text() 124 var index = $.inArray(initial, array) 125 if((index + 1) == array.length) index = -1 126 127 128 el.html(""); 129 $("<span class='front'>" + initial + "</span>").appendTo(el).hide(); 130 $("<span class='back'>" + array[index + 1] + "</span>").appendTo(el); 131 el.wrapInner("<span class='rotating'/>").find(".rotating").addClass("animate__animated animate__zoomIn"); 132 133 break; 134 135 case 'bounceIn': 136 if(el.find(".back").length > 0) { 137 el.html(el.find(".back").html()); 138 } 139 var initial = el.text() 140 var index = $.inArray(initial, array) 141 if((index + 1) == array.length) index = -1 142 143 144 el.html(""); 145 $("<span class='front'>" + initial + "</span>").appendTo(el).hide(); 146 $("<span class='back'>" + array[index + 1] + "</span>").appendTo(el); 147 el.wrapInner("<span class='rotating'/>").find(".rotating").addClass("animate__animated animate__bounceIn"); 148 149 break; 150 151 // case 'flipUp': 152 // if(el.find(".back").length > 0) { 153 // el.html(el.find(".back").html()) 154 // } 155 156 // var initial = el.text() 157 // var index = $.inArray(initial, array) 158 // if((index + 1) == array.length) index = -1 159 160 // el.html(""); 161 // $("<span class='front'>" + initial + "</span>").appendTo(el); 162 // $("<span class='back'>" + array[index + 1] + "</span>").appendTo(el); 163 // el.wrapInner("<span class='rotating' />").find(".rotating").hide().addClass("flip up").show().css({ 164 // "-webkit-transform": " rotateX(-180deg)", 165 // "-moz-transform": " rotateX(-180deg)", 166 // "-o-transform": " rotateX(-180deg)", 167 // "transform": " rotateX(-180deg)" 168 // }) 169 170 // break; 171 172 // case 'flipCube': 173 // if(el.find(".back").length > 0) { 174 // el.html(el.find(".back").html()) 175 // } 176 177 // var initial = el.text() 178 // var index = $.inArray(initial, array) 179 // if((index + 1) == array.length) index = -1 180 181 // el.html(""); 182 // $("<span class='front'>" + initial + "</span>").appendTo(el); 183 // $("<span class='back'>" + array[index + 1] + "</span>").appendTo(el); 184 // el.wrapInner("<span class='rotating' />").find(".rotating").hide().addClass("flip cube").show().css({ 185 // "-webkit-transform": " rotateY(180deg)", 186 // "-moz-transform": " rotateY(180deg)", 187 // "-o-transform": " rotateY(180deg)", 188 // "transform": " rotateY(180deg)" 189 // }) 190 191 // break; 192 193 case 'flipCubeUp': 194 if(el.find(".back").length > 0) { 195 el.html(el.find(".back").html()) 196 } 197 198 var initial = el.text() 199 var index = $.inArray(initial, array) 200 if((index + 1) == array.length) index = -1 201 202 el.html(""); 203 $("<span class='front'>" + initial + "</span>").appendTo(el); 204 $("<span class='back'>" + array[index + 1] + "</span>").appendTo(el); 205 el.wrapInner("<span class='rotating' />").find(".rotating").hide().addClass("flip cube up").show().css({ 206 "-webkit-transform": " rotateX(180deg)", 207 "-moz-transform": " rotateX(180deg)", 208 "-o-transform": " rotateX(180deg)", 209 "transform": " rotateX(180deg)" 210 }) 211 212 break; 213 214 case 'spin': 215 if(el.find(".rotating").length > 0) { 216 el.html(el.find(".rotating").html()) 217 } 218 index = $.inArray(el.text(), array) 219 if((index + 1) == array.length) index = -1 220 221 el.wrapInner("<span class='rotating spin' />").find(".rotating").hide().text(array[index + 1]).show().css({ 222 "-webkit-transform": " rotate(0) scale(1)", 223 "-moz-transform": "rotate(0) scale(1)", 224 "-o-transform": "rotate(0) scale(1)", 225 "transform": "rotate(0) scale(1)" 226 }) 227 break; 228 229 case 'fade': 230 el.fadeOut(settings.speed, function() { 231 index = $.inArray(el.text(), array) 232 if((index + 1) == array.length) index = -1 233 el.text(array[index + 1]).fadeIn(settings.speed); 234 }); 235 break; 236 } 237 }; 238 setInterval(rotate, settings.speed); 239 });
240 } 241 242}(window.jQuery); 243 244
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.