onclick with different href url for lightbox

onclick with different href url for lightbox

Hi All,

This is my first post in this forum.Well lets go to the point.

I am doing a lightbox effect onclick a image.Its easy if I just use this code:
  1. <a href="images/image-0.jpg" class="lightbox" title="Cape Breton Island"><img src="images/thumb-0.jpg" width="100" height="40" alt="" /></a>
  1. <script>
  2.         $(document).ready(function(){
  3.             $(".lightbox").lightbox();
  4.         });
  5. </script>
  1. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
But I want to do something like this

  1. <a onclick="lightbox('FULL_IMAGE. JPG');return false;" href="full_size_PAGE.php?id= 213"><img src="thumb1.jpg" /></a>


When JS is on - it should show the lightbox thing showing the image FULL_IMAGE.JPG
When JS is off it shluld show the link, which is a HTML page (full_size_page.php?id=123)

then ,




  1. function lightbox(full_image) {
  2. // then in here put your jquery code.
  3. }
So please let me know if this is possible with jquery only.

Thanks in advance :)