jQuery image AdSense(Image Tips)

View demo
Download

Installation

Step1:include css and js files.

<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/webwidget_tip_imagesAdSense.js"></script>

Step2:create images and text.

<img id="image_AdSense" src="images/publisher-image.jpg" height="424" width="283" alt="image_AdSense"/>
<ul id="image_AdSense_content">
<li>
Your tips contents1
</li>
<li>
Your tips contents2
</li>
<li>
Your tips contents3
</li>
</ul>

Step3:add script.

<script language="javascript" type="text/javascript">
$(function() {
$("#image_AdSense").webwidget_tip_imagesAdSense({
tip_button_style: 'circle',
tip_button_autohide: 'disable',
tip_content_font_color: '#666',
tip_content_background_color: '#FFF',
tip_content_border_color: 'blue',
tip_content_width: '250',
tip_position: 'right',
position_data:[{x:"121",y:"92"},{x:"157",y:"195"},{x:"68",y:"359"}],
directory: 'images'
});
});
</script>

parameter explanatory

tip_button_style:	Option: notepaper,exclamation,circle,interrogation
tip_button_autohide:	Option: enable,disable
tip_content_font_color:	Tip font color
tip_content_background_color:	Tip background color
tip_content_border_color:	Tip border color
tip_content_width:	Tip content box width
tip_position:	left or right
position_data:	Tip position info
directory:	Tip button image directory