/* 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[0]=["polaroids/p.arisia.gif"] tooltips[1]=["polaroids/p.buttercup.gif"] tooltips[2]=["polaroids/p.nitro.gif"] tooltips[3]=["polaroids/p.nova.gif"] tooltips[4]=["polaroids/p.harley.gif"] tooltips[5]=["polaroids/p.isis.gif"] tooltips[6]=["polaroids/p.sephira.gif"] tooltips[7]=["polaroids/p.skittles.gif"] tooltips[8]=["polaroids/p.maia.gif"] tooltips[9]=["polaroids/p.chansey.gif"] tooltips[10]=["polaroids/p.mocha.gif"] tooltips[11]=["polaroids/p.poison.gif"] tooltips[12]=["polaroids/p.venus.gif"] tooltips[13]=["polaroids/p.hazel.gif"] tooltips[14]=["polaroids/p.charms.gif"] tooltips[15]=["polaroids/p.fusion.gif"] tooltips[16]=["polaroids/p.java.gif"] tooltips[17]=["polaroids/p.isara.gif"] tooltips[18]=["polaroids/p.inque.gif"] tooltips[19]=["polaroids/p.aquila.gif"] tooltips[20]=["polaroids/p.exstacy.gif"] tooltips[21]=["polaroids/p.bliss.gif"] tooltips[22]=["polaroids/p.castalia.gif"] tooltips[23]=["polaroids/p.hype.gif"] tooltips[24]=["polaroids/p.eden.gif"] tooltips[25]=["polaroids/p.collision.gif"] tooltips[26]=["polaroids/p.hallie.gif"] tooltips[27]=["polaroids/p.penelope.gif"] tooltips[28]=["polaroids/p.dyme.gif"] tooltips[29]=["polaroids/p.caramel.gif"] tooltips[30]=["polaroids/p.knockout.gif"] tooltips[31]=["polaroids/p.dyce.gif"] tooltips[32]=["polaroids/p.purity.gif"] tooltips[33]=["polaroids/p.chilli.gif"] tooltips[34]=["polaroids/p.spin.gif"] tooltips[35]=["polaroids/p.serendip.gif"] tooltips[36]=["polaroids/p.entice.gif"] tooltips[37]=["polaroids/p.pierce.gif"] tooltips[38]=["polaroids/p.amaze.gif"] tooltips[39]=["polaroids/p.juno.gif"] tooltips[40]=["polaroids/p.kiana.gif"] tooltips[41]=["polaroids/p.enchant.gif"] tooltips[42]=["polaroids/p.espresso.gif"] tooltips[43]=["polaroids/p.meridian.gif"] tooltips[44]=["polaroids/p.ultimate.gif"] tooltips[45]=["polaroids/p.dmure.gif"] tooltips[46]=["polaroids/p.devani.gif"] tooltips[47]=["polaroids/p.captivate.gif"] tooltips[48]=["polaroids/p.spiral.gif"] tooltips[49]=["polaroids/p.sin.gif"] tooltips[50]=["polaroids/p.trisala.gif"] tooltips[51]=["polaroids/p.vienna.gif"] tooltips[52]=["polaroids/p.glisten.gif"] tooltips[53]=["polaroids/p.willow.gif"] tooltips[54]=["polaroids/p.breve.gif"] tooltips[55]=["polaroids/p.mnemonic.gif"] tooltips[56]=["polaroids/p.panic.gif"] tooltips[57]=["polaroids/p.infamy.gif"] tooltips[58]=["polaroids/p.addiction.gif"] tooltips[59]=["polaroids/p.solace.gif"] tooltips[60]=["polaroids/p.illuminate.gif"] tooltips[61]=["polaroids/p.overdose.gif"] tooltips[62]=["polaroids/p.exhilarate.gif"] tooltips[63]=["polaroids/p.wonder.gif"] tooltips[64]=["polaroids/p.isidora.gif"] tooltips[65]=["polaroids/p.torch.gif"] tooltips[66]=["polaroids/p.supreme.gif"] tooltips[67]=["polaroids/p.thrive.gif"] tooltips[68]=["polaroids/p.extraord.gif"] tooltips[69]=["polaroids/p.pressure.gif"] tooltips[70]=["polaroids/p.phantom.gif"] tooltips[71]=["polaroids/p.spyke.gif"] tooltips[72]=["polaroids/p.bitterswt.gif"] tooltips[73]=["polaroids/p.obsession.gif"] tooltips[74]=["polaroids/p.perse.gif"] tooltips[75]=["polaroids/p.cythera.gif"] tooltips[76]=["polaroids/p.suave.gif"] tooltips[77]=["polaroids/p.nocuous.gif"] tooltips[78]=["polaroids/p.venezia.gif"] tooltips[79]=["polaroids/p.audacious.gif"] tooltips[80]=["polaroids/p.crucial.gif"] tooltips[81]=["polaroids/p.whiplash.gif"] tooltips[82]=["polaroids/p.wrath.gif"] tooltips[83]=["polaroids/p.cliche.gif"] tooltips[84]=["polaroids/p.medley.gif"] tooltips[85]=["polaroids/p.blackout.gif"] tooltips[86]=["polaroids/p.legit.gif"] tooltips[87]=["polaroids/p.decleor.gif"] tooltips[88]=["polaroids/p.se7en.gif"] tooltips[89]=["polaroids/p.aftermath.gif"] tooltips[90]=["polaroids/p.deva.gif"] tooltips[91]=["polaroids/p.freeze.gif"] tooltips[92]=["polaroids/p.yari.gif"] tooltips[93]=["polaroids/p.thirst.gif"] tooltips[94]=["polaroids/p.ailanthus.gif"] tooltips[95]=["polaroids/p.erotik.gif"] tooltips[96]=["polaroids/p.emphasis.gif"] tooltips[97]=["polaroids/p.valletta.gif"] tooltips[98]=["polaroids/p.elixir.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]")