Home
August 19, 2008 - 1:18pm — Anonymous
  1. //
  2. //      Title: Artists tiles hover effect
  3. //*********************************
  4.         this.artistnfo = function(e){   
  5.                 //      Configuration
  6.                 xOffset = 55;
  7.                 yOffset = 480;
  8.                
  9.                 $("ul.artist-tiles li > a").hover (
  10.                         function (e) {                 
  11.                                 $(this).parent().children(".profile-info")
  12.                                         .css("top", (e.pageY - xOffset) + "px")
  13.                                         .css("left", (e.pageX - yOffset) + "px")
  14.                                         .css("display", "block")
  15.                                         .fadeTo("fast", 0.88);                                                                 
  16.                         },
  17.                         function () {          
  18.                                 $(this).parent().children(".profile-info")     
  19.                                         .css("display", "none")
  20.                                         .fadeTo("fast", 0);
  21.                         }
  22.                 );
  23.                 $("ul.artist-tiles li > a").mousemove(function(e){
  24.                         $(this).parent().children(".profile-info")
  25.                                 .css("top", (e.pageY - xOffset) + "px")
  26.                                 .css("left", (e.pageX - yOffset) + "px")
  27.                         }
  28.                 );
  29.         };
  30.  
  31. $(document).ready(function(){
  32.                                                    
  33.         // Starts jquery tool tip for artist tiles
  34.         artistnfo();
  35.                          
  36. });