/* Image w/ description tooltip v2.0 * Created: April 23rd, 2010. This notice must stay intact for usage * Author: Dynamic Drive at http://www.dynamicdrive.com/ * Visit http://www.dynamicdrive.com/ for full source code */ var ddimgtooltip={ tiparray:function(){ var tooltips=[] //define each tooltip below: tooltip[inc]=['path_to_image', 'optional desc', optional_CSS_object] //For desc parameter, backslash any special characters inside your text such as apotrophes ('). Example: "I\'m the king of the world" //For CSS object, follow the syntax: {property1:"cssvalue1", property2:"cssvalue2", etc} tooltips[11]=["showcase/weightsets11.gif"] tooltips[12]=["showcase/hawaiianshirts12.gif"] tooltips[13]=["showcase/minitrampolines13.gif"] tooltips[14]=["showcase/abchair14.gif"] tooltips[15]=["showcase/laserlevels15.gif"] tooltips[16]=["showcase/whey16.gif"] tooltips[21]=["showcase/flashpen21.gif"] tooltips[22]=["showcase/facehelmet22.gif"] tooltips[23]=["showcase/girlsjeans23.gif"] tooltips[24]=["showcase/bagaccessories24.gif"] tooltips[31]=["showcase/treasureddiamonds31.gif"] tooltips[32]=["showcase/discountedmaps32.gif"] tooltips[41]=["showcase/flyfishingshop41.gif"] tooltips[42]=["showcase/emeraldjewelry42.gif"] tooltips[43]=["showcase/fashionwatches43.gif"] tooltips[44]=["showcase/plasmatelevision44.gif"] tooltips[51]=["showcase/electronicshop51.gif"] tooltips[52]=["showcase/italianshoes52.gif"] tooltips[61]=["showcase/nailcare61.gif"] tooltips[62]=["showcase/cosmeticconealer62.gif"] tooltips[63]=["showcase/gamesandpuzzles63.gif"] tooltips[64]=["showcase/dogcare64.gif"] tooltips[71]=["showcase/gamesearch71.gif"] tooltips[72]=["showcase/surgical72.gif"] tooltips[81]=["showcase/clearlensglasses81.gif"] tooltips[82]=["showcase/gamerchamp82.gif"] tooltips[91]=["showcase/glutenfree91.gif"] tooltips[92]=["showcase/cheapmotorcycleparts92.gif"] tooltips[93]=["showcase/fragrances93.gif"] tooltips[101]=["showcase/pilatesexercises101.gif"] tooltips[102]=["showcase/notebookreviews102.gif"] tooltips[202]=["showcase/bmxsource202.gif"] tooltips[203]=["showcase/motorcycles203.gif"] tooltips[204]=["showcase/preschoolbooks204.gif"] tooltips[205]=["showcase/legwarmer205.gif"] tooltips[206]=["showcase/waistslimmer206.gif"] tooltips[207]=["showcase/archerygear207.gif"] tooltips[208]=["showcase/christmasthings208.gif"] tooltips[209]=["showcase/floralgiftbaskets209.gif"] tooltips[210]=["showcase/golfingsupply210.gif"] tooltips[301]=["showcase2/diamondjewelrywholesaler.gif"] tooltips[303]=["showcase2/acecamera.gif"] tooltips[305]=["showcase2/diabeticstore.gif"] tooltips[307]=["showcase2/baseballequipment.gif"] tooltips[309]=["showcase2/cheapfishinggear.gif"] tooltips[311]=["showcase2/musicdvds.gif"] tooltips[313]=["showcase2/powermobilitystore.gif"] tooltips[316]=["showcase2/sendflowerstore.gif"] tooltips[317]=["showcase2/ultimateweddingsite.gif"] tooltips[320]=["showcase2/sewing.gif"] tooltips[321]=["showcase2/medicalsupplies.gif"] tooltips[322]=["showcase2/hikingequipment.gif"] tooltips[323]=["showcase2/diamondringsstore.gif"] tooltips[324]=["showcase2/menswatchesfiresale.gif"] tooltips[325]=["showcase2/basketofgifts.gif"] tooltips[326]=["showcase2/weightvitamins.gif"] tooltips[327]=["showcase2/giftbags.gif"] tooltips[328]=["showcase2/ipadsupplies.gif"] tooltips[329]=["showcase2/photoalbums.gif"] tooltips[330]=["showcase2/hospitalbeddirect.gif"] tooltips[331]=["showcase2/plussizewarehouse.gif"] tooltips[332]=["showcase2/purse.gif"] tooltips[333]=["showcase2/tabletpcfiresale.gif"] tooltips[334]=["showcase2/ehookahs.gif"] tooltips[335]=["showcase2/partyinvitations.gif"] tooltips[336]=["showcase2/hospicesupplies.gif"] tooltips[337]=["showcase2/arearugs.gif"] tooltips[338]=["showcase2/medicalscrubs.gif"] tooltips[339]=["showcase2/staplerguns.gif"] tooltips[3]=["showcase2/.gif"] tooltips[3]=["showcase2/.gif"] tooltips[3]=["showcase2/.gif"] tooltips[3]=["showcase2/.gif"] return tooltips //do not remove/change this line }(), tooltipoffsets: [20, -30], //additional x and y offset from mouse cursor for tooltips //***** NO NEED TO EDIT BEYOND HERE tipprefix: 'imgtip', //tooltip ID prefixes createtip:function($, tipid, tipinfo){ if ($('#'+tipid).length==0){ //if this tooltip doesn't exist yet return $('
').html( '
' + ((tipinfo[1])? '
'+tipinfo[1]+'
' : '') ) .css(tipinfo[2] || {}) .appendTo(document.body) } return null }, positiontooltip:function($, $tooltip, e){ var x=e.pageX+this.tooltipoffsets[0], y=e.pageY+this.tooltipoffsets[1] var tipw=$tooltip.outerWidth(), tiph=$tooltip.outerHeight(), x=(x+tipw>$(document).scrollLeft()+$(window).width())? x-tipw-(ddimgtooltip.tooltipoffsets[0]*2) : x y=(y+tiph>$(document).scrollTop()+$(window).height())? $(document).scrollTop()+$(window).height()-tiph-10 : y $tooltip.css({left:x, top:y}) }, showbox:function($, $tooltip, e){ $tooltip.show() this.positiontooltip($, $tooltip, e) }, hidebox:function($, $tooltip){ $tooltip.hide() }, init:function(targetselector){ jQuery(document).ready(function($){ var tiparray=ddimgtooltip.tiparray var $targets=$(targetselector) if ($targets.length==0) return var tipids=[] $targets.each(function(){ var $target=$(this) $target.attr('rel').match(/\[(\d+)\]/) //match d of attribute rel="imgtip[d]" var tipsuffix=parseInt(RegExp.$1) //get d as integer var tipid=this._tipid=ddimgtooltip.tipprefix+tipsuffix //construct this tip's ID value and remember it var $tooltip=ddimgtooltip.createtip($, tipid, tiparray[tipsuffix]) $target.mouseenter(function(e){ var $tooltip=$("#"+this._tipid) ddimgtooltip.showbox($, $tooltip, e) }) $target.mouseleave(function(e){ var $tooltip=$("#"+this._tipid) ddimgtooltip.hidebox($, $tooltip) }) $target.mousemove(function(e){ var $tooltip=$("#"+this._tipid) ddimgtooltip.positiontooltip($, $tooltip, e) }) if ($tooltip){ //add mouseenter to this tooltip (only if event hasn't already been added) $tooltip.mouseenter(function(){ ddimgtooltip.hidebox($, $(this)) }) } }) }) //end dom ready } } //ddimgtooltip.init("targetElementSelector") ddimgtooltip.init("*[rel^=imgtip]")