https://github.com/sergical/simple-text-rotator

Add a super simple rotating text to your website with little to no markup (wrapped for Meteor)
https://github.com/sergical/simple-text-rotator

Last synced: 8 days ago
JSON representation

Add a super simple rotating text to your website with little to no markup (wrapped for Meteor)

• Host: GitHub
• URL: https://github.com/sergical/simple-text-rotator
• Owner: sergical
• Created: 2015-10-14T17:09:27.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2015-10-14T17:26:07.000Z (over 9 years ago)
• Last Synced: 2024-04-14T16:47:31.608Z (9 months ago)
• Language: CSS
• Homepage:
• Size: 121 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
#Super Simple Text Rotator by Pete R (Wrapped for Meteor by Sergiy)

A light weight jQuery plugin that will allow you to add a super simple rotating text to your website with little to no markup

Created by [Pete R.](http://www.thepetedesign.com), Founder of [BucketListly](http://www.bucketlistly.com)

[![Super Simple Text Rotator](http://www.thepetedesign.com/images/simple_text_rotator_image.png "Super Simple Text Rotator")](http://www.thepetedesign.com/demos/jquery_super_simple_text_rotator_demo.html)

## Demo

[View demo](http://www.thepetedesign.com/demos/jquery_super_simple_text_rotator_demo.html)

## Usage

`meteor add 416serg:simple-text-rotator`

  

````html

Super Simple, Customizable, Light Weight, Easy Text Rotator with Style

````

Put every rotating words inside the `` and separate it with a comma and the script will automatically cycle through each words in order.

````javascript

Template.myTemplate.onRendered(function() {

	$(".rotate").textrotator({

	  animation: "dissolve", // You can pick the way it animates when rotating through words. Options are dissolve (default), fade, flip, flipUp, flipCube, flipCubeUp and spin.

	  separator: ",", // If you don't want commas to be the separator, you can define a new separator (|, &, * etc.) by yourself using this field.

	  speed: 2000 // How many milliseconds until the next word show.

	});

}); 

````

## Other Resources

- Tests (Coming Soon)

- Tutorial (Coming Soon)