jQuery image AdSense(Image Tips)

Step1:include css and js files.

 

Step2:create images and text.

image_AdSense” src=”images/publisher-image.jpg” height=”424″ width=”283″ alt=”image_AdSense”/>

    image_AdSense_content”>

  • Your tips contents1
  • Your tips contents2
  • Your tips contents3

Step3:add script.

$(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’
});
});

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

 

Be Sociable, Share!

Leave a comment