i think the OP wants to keep alt and title tags On Fri, Oct 9, 2009 at 11:50 AM, Jonathan Vanherpe (T & T NV) < jonat...@tnt.be> wrote:
> > This method seems to work with images off while still keeping replacement > text (with only minimal extra markup): > http://ryanroberts.co.uk/_dev/experiments/accessible-rollovers/index.html > > Jonathan > > > jessie wrote: > >> >> I would if there were ways to keep my alt text so users can browse >> with iimages off. >> >> But there is no work around so i have opted to use jquery. >> >> So is there a way to make this work using jquery? >> >> Thanks >> Jess >> >> On Oct 9, 5:15 pm, "Jonathan Vanherpe (T& T NV)"<jonat...@tnt.be> >> wrote: >> >>> 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 >>> >> >> > > -- > Jonathan Vanherpe - Tallieu & Tallieu NV - jonat...@tnt.be >
