Thanx Waseem
My original code is working fine now. Except i'm having issues with
my pngs'
Thank-you for taking your time to explain that to me.
Jess
On Oct 9, 7:25 pm, waseem sabjee <waseemsab...@gmail.com> wrote:
> 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
