/* 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]=["red_balloon.gif", "Here is a red balloon
on a white background", {background:"#FFFFFF", color:"black", border:"5px ridge darkblue"}] tooltips[01]=["/images/projects/amakusa.png"] tooltips[02]=["/images/projects/arcana.png"] tooltips[03]=["/images/projects/ciel.png"] tooltips[04]=["/images/projects/crush-on-you.png"] tooltips[05]=["/images/projects/dear-my-girls.png"] tooltips[06]=["/images/projects/dont-touch-me.png"] tooltips[07]=["/images/projects/dream-fantasia.png"] tooltips[08]=["/images/projects/forget-about-love.png"] tooltips[09]=["/images/projects/hockey-club.png"] tooltips[10]=["/images/projects/hetare-venus.png"] tooltips[11]=["/images/projects/hissing.png"] tooltips[12]=["/images/projects/honey-bitter.png"] tooltips[13]=["/images/projects/im-looking-for-the-princess.png"] tooltips[14]=["/images/projects/masca.png"] tooltips[15]=["/images/projects/papillon.png"] tooltips[16]=["/images/projects/platinum-garden.png"] tooltips[17]=["/images/projects/reimei-no-arcana.png"] tooltips[18]=["/images/projects/romantic-beauty.png"] tooltips[19]=["/images/projects/sad-love-story.png"] tooltips[20]=["/images/projects/short-sunzen.png"] tooltips[21]=["/images/projects/skyhigh-shinshou.png"] tooltips[22]=["/images/projects/the-queens-knight.png"] tooltips[23]=["/images/projects/absolute-witch.png"] tooltips[24]=["/images/projects/dear-diary.png"] tooltips[25]=["/images/projects/dear-waltz.png"] tooltips[26]=["/images/projects/neck-and-neck.png"] tooltips[27]=["/images/projects/saver.png"] tooltips[28]=["/images/projects/ageha.png"] tooltips[29]=["/images/projects/angel-shop.png"] tooltips[30]=["/images/projects/angels-coffin.png"] tooltips[31]=["/images/projects/daddy-long-legs.png"] tooltips[32]=["/images/projects/forest-of-gray-city.png"] tooltips[33]=["/images/projects/hana-wa-knife.png"] tooltips[34]=["/images/projects/heavens-mail.png"] tooltips[35]=["/images/projects/I-wish.png"] tooltips[36]=["/images/projects/Iinchou.png"] tooltips[37]=["/images/projects/kimini.png"] tooltips[38]=["/images/projects/kindai-renai.png"] tooltips[39]=["/images/projects/mascara-blues.png"] tooltips[40]=["/images/projects/real-lies.png"] tooltips[41]=["/images/projects/s-to-m.png"] tooltips[42]=["/images/projects/seduction.png"] tooltips[43]=["/images/projects/soul-to-seol.png"] tooltips[44]=["/images/projects/tarot-cafe.png"] tooltips[45]=["/images/projects/tonari.png"] tooltips[46]=["/images/projects/door-to-heaven.png"] tooltips[47]=["/images/projects/hand-in-hand-lovers.png"] tooltips[48]=["/images/projects/okitsune.png"] tooltips[49]=["/images/projects/sakurairo.png"] tooltips[50]=["/images/projects/boarding-house-in-wonderland.png"] tooltips[51]=["/images/projects/erotic-horror.png"] tooltips[52]=["/images/projects/good-person.png"] tooltips[53]=["/images/projects/goong.png"] tooltips[54]=["/images/projects/happy-rush.png"] tooltips[55]=["/images/projects/he-was-cool.png"] tooltips[56]=["/images/projects/knock-your-heart-out.png"] tooltips[57]=["/images/projects/hikoukigumo.png"] tooltips[58]=["/images/projects/syndrome.png"] tooltips[59]=["/images/projects/kiss-and-never-cry.png"] tooltips[60]=["/images/projects/my-mother-and-the-game-room-guest.png"] tooltips[61]=["/images/projects/oboreru-knife.png"] tooltips[62]=["/images/projects/piece-of-cake.png"] tooltips[63]=["/images/projects/sweety-gem.png"] tooltips[64]=["/images/projects/time-between-dog-and-wolf.png"] tooltips[65]=["/images/projects/toshi-densetsu.png"] tooltips[66]=["/images/projects/triangle.png"] tooltips[67]=["/images/projects/perfect-girl-evolution.png"] tooltips[68]=["/images/projects/kiss-friend.png"] tooltips[69]=["/images/projects/kimi-to-natsu-no-aizu.png"] tooltips[70]=["/images/projects/houkago-chocolate.png"] tooltips[71]=["/images/projects/candy-doll.png"] tooltips[72]=["/images/projects/everybody-loves-somebody.png"] tooltips[73]=["/images/projects/a-wise-man-sleeps.png"] tooltips[74]=["/images/projects/chicago.png"] tooltips[75]=["/images/projects/her-majestys-dog.png"] tooltips[76]=["/images/projects/invu.png"] tooltips[77]=["/images/projects/la-corda-doro.png"] tooltips[78]=["/images/projects/legend.png"] tooltips[79]=["/images/projects/love-master-a.png"] tooltips[80]=["/images/projects/one.png"] tooltips[81]=["/images/projects/pearl-pink.png"] tooltips[82]=["/images/projects/princess-tutu.png"] tooltips[83]=["/images/projects/the-other-side-of-the-mirror.png"] tooltips[84]=["/images/projects/wild-com.png"] tooltips[85]=["/images/projects/ai-to-okane.png"] tooltips[86]=["/images/projects/full-house-kiss.png"] tooltips[87]=["/images/projects/nocturne.png"] tooltips[88]=["/images/projects/renjou-sparkle.png"] tooltips[89]=["/images/projects/saint-dragon-girl-miracle.png"] tooltips[90]=["/images/projects/angel-at-war.png"] tooltips[91]=["/images/projects/gokko.png"] tooltips[92]=["/images/projects/KT007.png"] tooltips[93]=["/images/projects/renai-joujou.png"] tooltips[94]=["/images/projects/galism.png"] tooltips[95]=["/images/projects/beautiful-guy.png"] tooltips[96]=["/images/projects/bird-of-youth.png"] tooltips[97]=["/images/projects/clover.png"] tooltips[98]=["/images/projects/crimson-hero.png"] tooltips[99]=["/images/projects/dear-school-gang-leader.png"] tooltips[100]=["/images/projects/FTSOD.png"] tooltips[101]=["/images/projects/evyione.png"] tooltips[102]=["/images/projects/nnb.png"] tooltips[103]=["/images/projects/shade.png"] tooltips[104]=["/images/projects/shite.png"] tooltips[105]=["/images/projects/sayonara.png"] tooltips[106]=["/images/projects/koizora.png"] tooltips[107]=["/images/projects/sm-hunter.png"] tooltips[108]=["/images/projects/yoru-cafe.png"] tooltips[109]=["/images/projects/koakuma.png"] tooltips[110]=["/images/projects/rakuen.png"] tooltips[111]=["/images/projects/hachimitsu.png"] tooltips[112]=["/images/projects/funny-money.png"] tooltips[113]=["/images/projects/ghost-hunt.png"] tooltips[114]=["/images/projects/handmade-no-oujisama.png"] tooltips[115]=["/images/projects/shinkakei-lovers.png"] tooltips[116]=["/images/projects/sensei-to-naisho.png"] tooltips[117]=["/images/projects/anata-ga-megane.png"] tooltips[118]=["/images/projects/ikenai.png"] tooltips[119]=["/images/projects/be-my-sweet.png"] tooltips[120]=["/images/projects/berry-dynamite.png"] tooltips[121]=["/images/projects/blue-bird.png"] tooltips[122]=["/images/projects/brundage-no-mahou.png"] tooltips[123]=["/images/projects/chiro.png"] tooltips[124]=["/images/projects/gal-kadou.png"] tooltips[125]=["/images/projects/haikei-date.png"] tooltips[126]=["/images/projects/kaze-hikaru.png"] tooltips[127]=["/images/projects/kimi-kirakira.png"] tooltips[128]=["/images/projects/kimi-suki.png"] tooltips[129]=["/images/projects/koisuru-heart.png"] tooltips[130]=["/images/projects/kono-sora.png"] tooltips[131]=["/images/projects/ookamitachi.png"] tooltips[132]=["/images/projects/orange-chocolate.png"] tooltips[133]=["/images/projects/origami.png"] tooltips[134]=["/images/projects/steady-study.png"] tooltips[135]=["/images/projects/toki-meka.png"] tooltips[136]=["/images/projects/tokimeki-midnight.png"] tooltips[137]=["/images/projects/flower.png"] tooltips[138]=["/images/projects/kimi-ochi.png"] tooltips[139]=["/images/projects/MascaB.png"] tooltips[140]=["/images/projects/beast.png"] tooltips[141]=["/images/projects/hime.png"] tooltips[142]=["/images/projects/kumiho.png"] tooltips[143]=["/images/projects/limit.png"] tooltips[144]=["/images/projects/mangetsu.png"] tooltips[145]=["/images/projects/mayonaka.png"] tooltips[146]=["/images/projects/real-purple.png"] tooltips[147]=["/images/projects/torikae.png"] 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]")