Animated live currency rates provided by WorldWideMarkets.
- Customizable
- Set width or responsive width
- Custom header colors
- Option to display or remove WWM logo
- Choose between box quotes or scrolling ticker
- Select custom currency pairs
- Insert multiple rates per page
The Rateify plugin relies on a div tag with specific id to generate the rates pane.
Include the two .css files at the top of your document:
<link rel="stylesheet" href="rateify.css" type="text/css" />
<link rel="stylesheet" href="lib/jquery-ui.min.css" type="text/css" />
Include the four .js files at the close of your head tag:
<script src="lib/jquery-1.7.2.min.js"></script>
<script src="lib/jquery-ui.min.js"></script>
<script src="lib/jquery.marquee.min.js"></script>
<script src="jquery.rateify.js" type="text/javascript"></script>
Place the div within your html document wherever you’d like it to display:
<div id="rates">
<noscript><div id="defaultwwm">Display this panel when javascript isn't loaded</div></noscript>
</div>
Call the “rateify” method on your div:
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery('#rates').rateify();
});
</script>
This script tag should go before the close of your tag but after the scripts you imported above.
Check out sampleusage.html for an example of basic usage.
The Rateify plugin is highly customizable. You can override the default settings of the plugin by passing parameters
jQuery('#rates').rateify({
'wwmWidth': 300,
'wwmHeaderColor': '#666',
'wwmLogo': false,
'wwmType': 'box',
'wwmPairs': ['Gold', 'Silver', 'EUR/USD', 'USD/CAD']
});
- wwmWidth: Custom width as a number. Use 300 for 300px wide. For full width user ‘responsive’.
- wwmHeaderColor: Custom color for header (hex value). Will also accept string value for common colors, ie 'blue'. Note: Font color will be white.
- wwmLogo: true to display a WWM logo, false for no logo
- wwmType: 'box' will display box quotes and 'scroll' will display a scrolling ticker
- wwmPairs: The currency pairs you’d like this instance to subscribe to. Valid pairs are: Gold, Silver, USD/JPY, USD/CHF, GBP/USD, USD/CAD, EUR/USD, AUD/USD, GBP/JPY, UR/JPY