Thanks Guys, but yes i do want to keep my alt and title tags. I've tried everything today... but i'm very new to jquery and don't fully comprehend how to put things together.
I have used supersleight before for IE6 and it worked a charm except now it doesn't work because i'm using jquery. Anyways, i have tried implementing this script also but it just doesn't work in IE6. http://allinthehead.com/retro/338/supersleight-jquery-plugin I think its conflicting with my other code for input type= image.... Or it could be that i have set it up incorrectly,,,, this is what i have in my markup to call the doc's. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/ libs/jquery/1.3.2/jquery.min.js"></script> <script type="text/javascript" src="skins/{VAL_SKIN}/ supersleight.plugin.js"></script> <script type="text/javascript" src="skins/{VAL_SKIN}/effects.js"></ script> <script type="text/javascript" src="js/prototype.js"></script> <script type="text/javascript" src="js/jslibrary.js"></script> <script type="text/javascript" src="js/scriptaculous.js? load=effects,builder"></script> <script type="text/javascript" src="js/lightbox.js"></script> I'm soooo lost and need to get these rollovers to work on all my links. but also have png transparencies for ie6. Any help would be so appreciated :) Thansk Jess On Oct 9, 7:03 pm, jessie <mi...@optusnet.com.au> 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
