use css rollovers instead
jessie wrote:
Hi
I had it all working and now its not :(
My problem now lies with the hovering over my 2 classes
ie. .LPButton,.CatMoreBtn> its just not hovering! and i'd like to
make this work for me so i can have not only png's rollover but, gifs
and jpgs but i have no clue where to put the additional code.
Any help would be much much appreciated.
This is what i have for jquery so far.
jQuery(function($) {
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(/.png/g, '_active.png'));
} else{
$(this).hover(function(){
$(pth).attr("src",pth.src.replace(/.png/g,
'_active.png'));// mouse over Image
},function(){
$(pth).attr("src",pth.src.replace(/_active.png/
g, '.png'));// mouse out image
});
}
});
}
});
$(function(){ // Document is ready
$(".LPButton,.CatMoreBtn").enter();// call the function
});
$('input[type="image"]').hover(
function () { $(this).attr("src", $(this).attr("src").split('-
off').join('-on')); },
function () { $(this).attr("src", $(this).attr("src").split('-
on').join('-off')); }
);
});
jQuery(function($) {
$(document).pngFix();
});
Jess
--
Jonathan Vanherpe - Tallieu & Tallieu NV - jonat...@tnt.be
