Display larger (different) image on image mouse cilck

At last i got the solution…. which goes something like this….

first i installed wp lightbox 2

then using advanced custom field plugin….

i took 2 images (1 small and 1 big) form admin panel….

then in backend on my page i wrote this code

<a href="<?php the_field('large_image',175); ?>" rel="lightbox">
      <img src="<?php the_field('small_image',175); ?>" alt="" />
 </a>

and it worked for me perfectly….. the default image source will be our small image and when user click on the image it will show the (whole different and larger) image …..the large image will be in our anchor tag…

??