lets start of simple - and make sure everything works on the simplest
example before adding the complicated code.1. i suggest keeping all your
classes lowerscase ( just my opinion )
$(".lpbutton").hover(function() {
alert("onMouseOver");
}, function() {
alert("onMouseOut");
});
this should be working.
now lets looking at our image path\i suggest you ensure your path is always
going from your site root.
example
"/images/myimg.jpg"
notice the "/" at the start
so lets look at something with more code
var images = [];
images.push("/images/1.jpg");
images.push("/images/2.jpg");
var buttons = [];
buttons.push($(".lpbutton"));
buttons[0].hover(function() {
buttons[0].attr({
src:images[0]
});
}, function() {
buttons[0].attr({
src:images[1]
});
});
also sometimes when i use attr() it doesnt work
so i use
attr({
});
instead :)
did this achieve what you requested ?
On Fri, Oct 9, 2009 at 11:03 AM, 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
