// JavaScript Document /* 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=[] tooltips[0]=["3d_images/hicars.jpg", "", {background:"white", font:"bold 12px Arial"}] // portfolio // auto sales tooltips[1]=["3d_images/pinnacle_vc.jpg", "", {background:"white", font:"bold 12px Arial"}] // portfolio // elearning sales tooltips[2]=["3d_images/flagmakers.jpg", "", {background:"white", font:"bold 12px Arial"}] tooltips[3]=["3d_images/pickupdate.jpg", "", {background:"white", font:"bold 12px Arial"}] tooltips[4]=["3d_images/online_auction.jpg", " ", {background:"white", font:"bold 12px Arial"}] tooltips[5]=["3d_images/webcammodel.jpg", " ", {background:"white", font:"bold 12px Arial"}] tooltips[6]=["3d_images/reclaim.jpg", " ", {background:"white", font:"bold 12px Arial"}] tooltips[7]=["3d_images/caribbeanloop.jpg", " ", {background:"white", font:"bold 12px Arial"}] tooltips[8]=["3d_images/tv_station.jpg", " ", {background:"white", font:"bold 12px Arial"}] tooltips[9]=["3d_images/bigboysmusick.jpg", " ", {background:"white", font:"bold 12px Arial"}] tooltips[10]=["3d_images/rubicon.jpg", " ", {background:"white", font:"bold 12px Arial"}] tooltips[11]=["3d_images/londongreeknews.jpg", " ", {background:"white", font:"bold 12px Arial"}] tooltips[12]=["3d_images/opensicily.jpg", " ", {background:"white", font:"bold 12px Arial"}] tooltips[13]=["3d_images/magicalfunk.jpg", " ", {background:"white", font:"bold 12px Arial"}] tooltips[14]=["3d_images/game_site.jpg", " ", {background:"white", font:"bold 12px Arial"}] // auto sales tooltips[15]=["3d_images/rg_auto.jpg", "", {background:"white", font:"bold 12px Arial"}] tooltips[17]=["3d_images/hicalibrecars.jpg", "", {background:"white", font:"bold 12px Arial"}] tooltips[18]=["3d_images/hicalibrecars.com_1.jpg", "", {background:"white", font:"bold 12px Arial"}] tooltips[19]=["3d_images/hicalibrecars.com_2.jpg", "", {background:"white", font:"bold 12px Arial"}] // end of auto sales // online sales tooltips[16]=["3d_images/flagmakers.jpg", "", {background:"white", font:"bold 12px Arial"}] tooltips[20]=["3d_images/flagmakers.co.uk.jpg", "", {background:"white", font:"bold 12px Arial"}] tooltips[21]=["3d_images/flagmakers.co.uk_1.jpg", "", {background:"white", font:"bold 12px Arial"}] tooltips[22]=["3d_images/flagmakers.co.uk_2.jpg", "", {background:"white", font:"bold 12px Arial"}] // end of onlien sales //dating tooltips[23]=["3d_images/canim-benim.com.jpg", "", {background:"white", font:"bold 12px Arial"}] tooltips[24]=["3d_images/canim-benim.com_1.jpg", "", {background:"white", font:"bold 12px Arial"}] tooltips[25]=["3d_images/canim-benim.com_2.jpg", "", {background:"white", font:"bold 12px Arial"}] tooltips[26]=["3d_images/encuentrosenred.jpg", "", {background:"white", font:"bold 12px Arial"}] tooltips[27]=["3d_images/encuentrosenred_1.jpg", "", {background:"white", font:"bold 12px Arial"}] tooltips[28]=["3d_images/encuentrosenred_2.jpg", "", {background:"white", font:"bold 12px Arial"}] tooltips[29]=["3d_images/pickupdate.jpg", "", {background:"white", font:"bold 12px Arial"}] tooltips[30]=["3d_images/pickupdate_1.jpg", "", {background:"white", font:"bold 12px Arial"}] tooltips[31]=["3d_images/pickupdate_2.jpg", "", {background:"white", font:"bold 12px Arial"}] //consultancy tooltips[32]=["3d_images/reclaimconsulting.jpg", "", {background:"white", font:"bold 12px Arial"}] tooltips[33]=["3d_images/reclaimconsulting_1.jpg", "", {background:"white", font:"bold 12px Arial"}] tooltips[34]=["3d_images/reclaimconsulting_2.jpg", "", {background:"white", font:"bold 12px Arial"}] tooltips[35]=["3d_images/1800howsmydriving.jpg", "", {background:"white", font:"bold 12px Arial"}] tooltips[36]=["3d_images/1800howsmydriving_1.jpg", "", {background:"white", font:"bold 12px Arial"}] tooltips[37]=["3d_images/1800howsmydriving_2.jpg", "", {background:"white", font:"bold 12px Arial"}] // real estate tooltips[38]=["3d_images/caribbeanloop_1.jpg", "", {background:"white", font:"bold 12px Arial"}] tooltips[39]=["3d_images/caribbeanloop_2.jpg", "", {background:"white", font:"bold 12px Arial"}] tooltips[40]=["3d_images/caribbeanloop_3.jpg", "", {background:"white", font:"bold 12px Arial"}] // music tooltips[41]=["3d_images/bigboymusic.jpg", "", {background:"white", font:"bold 12px Arial"}] tooltips[42]=["3d_images/bigboymusic_1.jpg", "", {background:"white", font:"bold 12px Arial"}] tooltips[43]=["3d_images/bigboymusic_2.jpg", "", {background:"white", font:"bold 12px Arial"}] // medical tooltips[44]=["3d_images/rubiconpharmacies.jpg", "", {background:"white", font:"bold 12px Arial"}] tooltips[45]=["3d_images/rubiconpharmacies_1.jpg", "", {background:"white", font:"bold 12px Arial"}] tooltips[46]=["3d_images/rubiconpharmacies_2.jpg", "", {background:"white", font:"bold 12px Arial"}] // news tooltips[47]=["3d_images/thelondondailynews.jpg", "", {background:"white", font:"bold 12px Arial"}] tooltips[48]=["3d_images/thelondondailynews_1.jpg", "", {background:"white", font:"bold 12px Arial"}] tooltips[49]=["3d_images/thelondondailynews_2.jpg", "", {background:"white", font:"bold 12px Arial"}] // Tour & Travels tooltips[50]=["3d_images/opensicily.jpg", "", {background:"white", font:"bold 12px Arial"}] tooltips[51]=["3d_images/opensicily_1.jpg", "", {background:"white", font:"bold 12px Arial"}] tooltips[52]=["3d_images/opensicily_2.jpg", "", {background:"white", font:"bold 12px Arial"}] // online sales tooltips[53]=["3d_images/soniksons.jpg", "", {background:"white", font:"bold 12px Arial"}] tooltips[54]=["3d_images/soniksons1.jpg", "", {background:"white", font:"bold 12px Arial"}] tooltips[55]=["3d_images/soniksons2.jpg", "", {background:"white", font:"bold 12px Arial"}] tooltips[56]=["3d_images/diamondcustomjewelry.jpg", "", {background:"white", font:"bold 12px Arial"}] tooltips[57]=["3d_images/diamondcustomjewelry1.jpg", "", {background:"white", font:"bold 12px Arial"}] tooltips[58]=["3d_images/diamondcustomjewelry2.jpg", "", {background:"white", font:"bold 12px Arial"}] // real estate tooltips[59]=["3d_images/myrealestateagencies.jpg", "", {background:"white", font:"bold 12px Arial"}] tooltips[60]=["3d_images/myrealestateagencies1.jpg", "", {background:"white", font:"bold 12px Arial"}] tooltips[61]=["3d_images/myrealestateagencies2.jpg", "", {background:"white", font:"bold 12px Arial"}] tooltips[62]=["3d_images/realestatecompanyonline.jpg", "", {background:"white", font:"bold 12px Arial"}] tooltips[63]=["3d_images/realestatecompanyonline1.jpg", "", {background:"white", font:"bold 12px Arial"}] tooltips[64]=["3d_images/realestatecompanyonline2.jpg", "", {background:"white", font:"bold 12px Arial"}] // online selling tooltips[65]=["3d_images/faljo.jpg", "", {background:"white", font:"bold 12px Arial"}] tooltips[66]=["3d_images/faljo1.jpg", "", {background:"white", font:"bold 12px Arial"}] tooltips[67]=["3d_images/faljo2.jpg", "", {background:"white", font:"bold 12px Arial"}] tooltips[68]=["3d_images/khaleejdeals.jpg", "", {background:"white", font:"bold 12px Arial"}] tooltips[69]=["3d_images/khaleejdeals1.jpg", "", {background:"white", font:"bold 12px Arial"}] tooltips[70]=["3d_images/khaleejdeals2.jpg", "", {background:"white", font:"bold 12px Arial"}] // auto sales tooltips[71]=["3d_images/rg-auto.jpg", "", {background:"white", font:"bold 12px Arial"}] tooltips[72]=["3d_images/rg-auto1.jpg", "", {background:"white", font:"bold 12px Arial"}] tooltips[73]=["3d_images/rg-auto2.jpg", "", {background:"white", font:"bold 12px Arial"}] // epaper tooltips[74]=["3d_images/soniktechnologies.jpg", "", {background:"white", font:"bold 12px Arial"}] tooltips[75]=["3d_images/soniktechnologies1.jpg", "", {background:"white", font:"bold 12px Arial"}] tooltips[76]=["3d_images/soniktechnologies2.jpg", "", {background:"white", font:"bold 12px Arial"}] tooltips[77]=["3d_images/roulettepokergame.jpg", "", {background:"white", font:"bold 12px Arial"}] tooltips[78]=["3d_images/sonik123.jpg", "", {background:"white", font:"bold 12px Arial"}] tooltips[79]=["3d_images/tutorplatform.jpg", "", {background:"white", font:"bold 12px Arial"}] tooltips[80]=["3d_images/restorent.jpg", "", {background:"white", font:"bold 12px Arial"}] tooltips[81]=["3d_images/school.jpg", "", {background:"white", font:"bold 12px Arial"}] 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,ar){ 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]")