jQuery.cornads.js

jQuery Corner Ads (jQuery.cornads.js) allows to display ads corner on the top/bottom right pages of your website. This is my first plugin's jQuery. I'm sorry for the bad written english in these pages and for imperfections in code and bugs. Feel free to change and/or add functionalities.

 

Download

Available version: 0.2 (rev 14)
Download unpack script: jquery.cornads-0.2.unpack.js (5.9 KB)
Download pack script: jquery.cornads-0.2.pack.js (3.1 KB)
Download zip scripts: jquery.cornads.zip (both scripts, 3.2 KB)

Optional : you can use jQuery Easing Plugin to add visual effects to your ads.

 

Usage

Simple and basic usage:
1. add js file to your html page

<script type="text/javascript" charset="utf-8" src="jquery-pack.js"></script>
<script type="text/javascript" charset="utf-8" src="jquery.easing.js"></script> <!-- optional -->
<script type="text/javascript" charset="utf-8" src="jquery.cornads-0.2.pack.js"></script>

2. add the DIV element to your html page, just after <body> tag or before </body> tag

<div id="myads" style="display: none; z-index: 100;">
	<a href="just-a-link.html">
		<img src="ad1.png" alt="" border="0" width="300" height="300" />
	</a>
</div>

3. initilize jquery.cornads

<script type="text/javascript">
	$().ready(function() {
		$("#myads").cornads({
			cornerwidth: 300,	/* size of my ad is 300x300 pixels */
			cornerheight: 300,
			hdecale: 85,		/* see parameters page */
			vdecale: 85
		});
	});
</script>

 

Licence

Licensed under the MIT (http://www.opensource.org/licenses/mit-license.php)

 

Tested on

Firefox 2, 3, 3.5 (WinXP, Linux)
Google Chrome 1 (WinXP)
Safari 3 (WinXP), iPhone Safari
Opera 10 (WinXP)
Internet Explorer 6, 7, 8 (WinXP)

 

Support

No support. It's an experimental plugin. You could send bugs or other remarks at wdxperience(AT)gmail(DOT)com. I speak french. If you have a question or whatever, please, write clearly (thank a lot).