Skip to content

Latest commit

 

History

History
39 lines (25 loc) · 1.44 KB

File metadata and controls

39 lines (25 loc) · 1.44 KB

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 } );