Hi

I have implemented this jQuery for image rollover on href

The only problem is, is there a way to call more than one class for
this particular function?
$(function(){  // Document is ready
 $("#nav td").enter();// call the function
});

So i have more than one class i'd like to this function but i have no
idea on how to add to it....

here is the jQuery

function getLeaf(url) {
var splited=url.split('?');// remove all the parameter from url
url=splited[0];
return url.substring(url.lastIndexOf("/")+1);// return file name
without domain and path
}

jQuery.fn.extend({
 enter: function() {//plugins creation
     return this.each(function() {
       var pth = $(this).find("img")[0];
      //alert($(this).children().attr("href"));
       if($(this).children().attr("href")==getLeaf
(document.location.href)){// check that the link url and document url
is same
           $(pth).attr("src",pth.src.replace(/.gif/g, '_active.gif'));
       } else{
               $(this).hover(function(){
                  $(pth).attr("src",pth.src.replace(/.gif/g,
'_active.gif'));// mouse over Image
                  },function(){
                      $(pth).attr("src",pth.src.replace(/_active.gif/
g, '.gif'));// mouse out image
                      });
               }
               });
     }
});
$(function(){  // Document is ready
 $("#nav td").enter();// call the function
});

Hope you can help.

Thanks
Jess

Reply via email to