a jquery question

[g_force]

If you know anything about Jquery you may just be able to help here...

I'm currently using Jquery to bring up products in a lightbox on rolling over them on the product_listing page - this works well.. however the technique that I'm using requires that the <a href> tag is referenced to the image brought up in the lightbox - e.g.

<a href="images/1_MED.jpg" class="preview"><img src="images/1.jpg" alt="gallery thumbnail" /></a>

.. this of course means that clicking on that image's thumbnail will take you to the URL of the image rather than it's product_info page as I need.

Does anyone understand this problem and have any suggestions?? - I've already tried to put an onmousedown link in there but it only occasionally overrides the <a href> link tag - any help is highly appreciated!

_thanks

[yellow1912]

You should bind the click event to those href and return false; to prevent the "click" event to take the users to the images.

[g_force]

this sounds like good advice - any idea how?

_thanks

[yellow1912]

example
$('a.preview').live('click', function(){return false;});

[g_force]

Thanks for the response..

I attempted to put this into my js file but it didn't help - am I putting it in the wrong place and will it allow a link to the individual product info page??

_thanks

[yellow1912]

Again, the code is for example. If you want the user to be redirected to the product info page then obviously the href needs to be that link, and hence you will need to change the logic of the lightbox a bit because right now you are using href for the image path.

[g_force]

Oh thanks... but you indicated that it could be done: -

You should bind the click event to those href and return false; to prevent the "click" event to take the users to the images.

and I'm not sure what the example was for if not to show me how it could be done:

example
$('a.preview').live('click', function(){return false;});

I've been told that almost anything can be done in javascript so I'm still hoping there is a way to redirect the link with the simple method that I'm using for the lightbox. Any further suggestions or comments are welcome as these have been.

_thanks

[g_force]

I should thank you as this is what actually prevented the mouseclick:

$('a.preview').click(function(){return false;});

..now I just need to redirect it to the individual product_info page.. any thoughts on this could definitely help!! <<

_thanks