/* 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} // font tooltips [1] - [18] tooltips[1]=["images/full/font_01.gif"] tooltips[2]=["images/full/font_02.gif"] tooltips[3]=["images/full/font_03.gif"] tooltips[4]=["images/full/font_04.gif"] tooltips[5]=["images/full/font_05.gif"] tooltips[6]=["images/full/font_06.gif"] tooltips[7]=["images/full/font_07.gif"] tooltips[8]=["images/full/font_08.gif"] tooltips[9]=["images/full/font_09.gif"] tooltips[10]=["images/full/font_10.gif"] tooltips[11]=["images/full/font_11.gif"] tooltips[12]=["images/full/font_12.gif"] tooltips[13]=["images/full/font_13.gif"] tooltips[14]=["images/full/font_14.gif"] tooltips[15]=["images/full/font_15.gif"] tooltips[16]=["images/full/font_16.gif"] tooltips[17]=["images/full/font_17.gif"] tooltips[18]=["images/full/font_18.gif"] //colour wedding logo's tooltips [101] - [163] tooltips[101]=["images/full/c01.gif"] tooltips[102]=["images/full/c02.gif"] tooltips[103]=["images/full/c03.gif"] tooltips[104]=["images/full/c04.gif"] tooltips[105]=["images/full/c05.gif"] tooltips[106]=["images/full/c06.gif"] tooltips[107]=["images/full/c07.gif"] tooltips[108]=["images/full/c08.gif"] tooltips[109]=["images/full/c09.gif"] tooltips[110]=["images/full/c10.gif"] tooltips[111]=["images/full/c11.gif"] tooltips[112]=["images/full/c12.gif"] tooltips[113]=["images/full/c13.gif"] tooltips[114]=["images/full/c14.gif"] tooltips[115]=["images/full/c15.gif"] tooltips[116]=["images/full/c16.gif"] tooltips[117]=["images/full/c17.gif"] tooltips[118]=["images/full/c18.gif"] tooltips[119]=["images/full/c19.gif"] tooltips[120]=["images/full/c20.gif"] tooltips[121]=["images/full/c21.gif"] tooltips[122]=["images/full/c22.gif"] tooltips[123]=["images/full/c23.gif"] tooltips[124]=["images/full/c24.gif"] tooltips[125]=["images/full/c25.gif"] tooltips[126]=["images/full/c26.gif"] tooltips[127]=["images/full/c27.gif"] tooltips[128]=["images/full/c28.gif"] tooltips[129]=["images/full/c29.gif"] tooltips[130]=["images/full/c30.gif"] tooltips[131]=["images/full/c31.gif"] tooltips[132]=["images/full/c32.gif"] tooltips[133]=["images/full/c33.gif"] tooltips[134]=["images/full/c34.gif"] tooltips[135]=["images/full/c35.gif"] tooltips[136]=["images/full/c36.gif"] tooltips[137]=["images/full/c37.gif"] tooltips[138]=["images/full/c38.gif"] tooltips[139]=["images/full/c39.gif"] tooltips[140]=["images/full/c40.gif"] tooltips[141]=["images/full/c41.gif"] tooltips[142]=["images/full/c42.gif"] tooltips[143]=["images/full/c43.gif"] tooltips[144]=["images/full/c44.gif"] tooltips[145]=["images/full/c45.gif"] tooltips[146]=["images/full/c46.gif"] tooltips[147]=["images/full/c47.gif"] tooltips[148]=["images/full/c48.gif"] tooltips[149]=["images/full/c49.gif"] tooltips[150]=["images/full/c50.gif"] tooltips[151]=["images/full/c51.gif"] tooltips[152]=["images/full/c52.gif"] tooltips[153]=["images/full/c53.gif"] tooltips[154]=["images/full/c54.gif"] tooltips[155]=["images/full/c55.gif"] tooltips[156]=["images/full/c56.gif"] tooltips[157]=["images/full/c57.gif"] tooltips[158]=["images/full/c58.gif"] tooltips[159]=["images/full/c59.gif"] tooltips[160]=["images/full/c60.gif"] tooltips[161]=["images/full/c61.gif"] tooltips[162]=["images/full/c62.gif"] tooltips[163]=["images/full/c63.gif"] //mono wedding logo's tooltips [201] - [266] tooltips[201]=["images/full/logo_01.gif"] tooltips[202]=["images/full/logo_02.gif"] tooltips[203]=["images/full/logo_03.gif"] tooltips[204]=["images/full/logo_04.gif"] tooltips[205]=["images/full/logo_05.gif"] tooltips[206]=["images/full/logo_06.gif"] tooltips[207]=["images/full/logo_07.gif"] tooltips[208]=["images/full/logo_08.gif"] tooltips[209]=["images/full/logo_09.gif"] tooltips[210]=["images/full/logo_10.gif"] tooltips[211]=["images/full/logo_11.gif"] tooltips[212]=["images/full/logo_12.gif"] tooltips[213]=["images/full/logo_13.gif"] tooltips[214]=["images/full/logo_14.gif"] tooltips[215]=["images/full/logo_15.gif"] tooltips[216]=["images/full/logo_16.gif"] tooltips[217]=["images/full/logo_17.gif"] tooltips[218]=["images/full/logo_18.gif"] tooltips[219]=["images/full/logo_19.gif"] tooltips[220]=["images/full/logo_20.gif"] tooltips[221]=["images/full/logo_21.gif"] tooltips[222]=["images/full/logo_22.gif"] tooltips[223]=["images/full/logo_23.gif"] tooltips[224]=["images/full/logo_24.gif"] tooltips[225]=["images/full/logo_25.gif"] tooltips[226]=["images/full/logo_26.gif"] tooltips[227]=["images/full/logo_27.gif"] tooltips[228]=["images/full/logo_28.gif"] tooltips[229]=["images/full/logo_29.gif"] tooltips[230]=["images/full/logo_30.gif"] tooltips[231]=["images/full/logo_31.gif"] tooltips[232]=["images/full/logo_32.gif"] tooltips[233]=["images/full/logo_33.gif"] tooltips[234]=["images/full/logo_34.gif"] tooltips[235]=["images/full/logo_35.gif"] tooltips[236]=["images/full/logo_36.gif"] tooltips[237]=["images/full/logo_37.gif"] tooltips[238]=["images/full/logo_38.gif"] tooltips[239]=["images/full/logo_39.gif"] tooltips[240]=["images/full/logo_40.gif"] tooltips[241]=["images/full/logo_41.gif"] tooltips[242]=["images/full/logo_42.gif"] tooltips[243]=["images/full/logo_43.gif"] tooltips[244]=["images/full/logo_44.gif"] tooltips[245]=["images/full/logo_45.gif"] tooltips[246]=["images/full/logo_46.gif"] tooltips[247]=["images/full/logo_47.gif"] tooltips[248]=["images/full/logo_48.gif"] tooltips[249]=["images/full/logo_49.gif"] tooltips[250]=["images/full/logo_50.gif"] tooltips[251]=["images/full/logo_51.gif"] tooltips[252]=["images/full/logo_52.gif"] tooltips[253]=["images/full/logo_53.gif"] tooltips[254]=["images/full/logo_54.gif"] tooltips[255]=["images/full/logo_55.gif"] tooltips[256]=["images/full/logo_56.gif"] tooltips[257]=["images/full/logo_57.gif"] tooltips[258]=["images/full/logo_58.gif"] tooltips[259]=["images/full/logo_59.gif"] tooltips[260]=["images/full/logo_60.gif"] tooltips[261]=["images/full/logo_61.gif"] tooltips[262]=["images/full/logo_62.gif"] tooltips[263]=["images/full/logo_63.gif"] tooltips[264]=["images/full/logo_64.gif"] tooltips[265]=["images/full/logo_65.gif"] tooltips[266]=["images/full/logo_66.gif"] //Birthday logo's tooltips [301] - [318] tooltips[301]=["images/full/bd01.jpg"] tooltips[302]=["images/full/bd02.jpg"] tooltips[303]=["images/full/bd03.jpg"] tooltips[304]=["images/full/bd04.jpg"] tooltips[305]=["images/full/bd05.jpg"] tooltips[306]=["images/full/bd06.jpg"] tooltips[307]=["images/full/bd07.jpg"] tooltips[308]=["images/full/bd08.jpg"] tooltips[309]=["images/full/bd09.jpg"] tooltips[310]=["images/full/bd10.jpg"] tooltips[311]=["images/full/bd11.jpg"] tooltips[312]=["images/full/bd12.jpg"] tooltips[313]=["images/full/bd13.jpg"] tooltips[314]=["images/full/bd14.jpg"] tooltips[315]=["images/full/bd15.jpg"] tooltips[316]=["images/full/bd16.jpg"] tooltips[317]=["images/full/bd17.jpg"] tooltips[318]=["images/full/bd18.jpg"] //Bucks logo's tooltips [401] - [424] tooltips[401]=["images/full/bh01.jpg"] tooltips[402]=["images/full/bh02.jpg"] tooltips[403]=["images/full/bh03.jpg"] tooltips[404]=["images/full/bh04.jpg"] tooltips[405]=["images/full/bh05.jpg"] tooltips[406]=["images/full/bh06.jpg"] tooltips[407]=["images/full/bh07.jpg"] tooltips[408]=["images/full/bh08.jpg"] tooltips[409]=["images/full/bh09.jpg"] tooltips[410]=["images/full/bh10.jpg"] tooltips[411]=["images/full/bh11.jpg"] tooltips[412]=["images/full/bh12.jpg"] tooltips[413]=["images/full/bh13.jpg"] tooltips[414]=["images/full/bh14.jpg"] tooltips[415]=["images/full/bh15.jpg"] tooltips[416]=["images/full/bh16.jpg"] tooltips[417]=["images/full/bh17.jpg"] tooltips[418]=["images/full/bh18.jpg"] tooltips[419]=["images/full/bh19.jpg"] tooltips[420]=["images/full/bh20.jpg"] tooltips[421]=["images/full/bh21.jpg"] tooltips[422]=["images/full/bh22.jpg"] tooltips[423]=["images/full/bh23.jpg"] tooltips[424]=["images/full/bh24.jpg"] 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]")