🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

simpleQuote is a very small text carousel plugin for jQuery that has the ability to fade/rotate through an html list of quotes at a certain speed.

text-rotator Quote

Documentation

How to use Jquery Simple Quote

Have you used Jquery Plugins before ?

Yes. Download and use.

No.

Include Jquery and the plugin. < Please use the right folder structure. >

<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.js"></script> <script type="text/javascript" src="js/jquery.simpleQuote.js"></script>	

Add the quotes/attributions.

<div id="container"> 			<ul id="simpleQuote"> 				<li id="display"> </li>	<!-- Do not miss this --> 				 				<li author="Chanakya"> Before you start some work, always ask yourself three questions - Why am I doing it, What the results might be and Will I be successful. Only when you think deeply and find satisfactory answers to these questions, go ahead. </li>  				<li author="DV Gundappa"> Life is a Horse driven cart, Fate its driver. You are the horse, Passengers - as allotted by God. Sometimes rides to a wedding, sometimes to the graveyard. On stumbling, there is always the earth.  </li>  				<li author="Srinivasa Ramanujan"> An equation means nothing to me unless it expresses a thought of God.  </li>	  				<li author="Patanjali">  Undisturbed calmness of mind is attained by cultivating friendliness toward the happy, compassion for the unhappy, delight in the virtuous, and indifference toward the wicked. </li>  			</ul> </div>  

Start the carousel.

	$("#simpleQuote").simpleQuote( { speed : 5000 } , { includeAuthor : true } );

You May Also Like