Display larger (different) image on image mouse cilck

  • Resolved Gaurang Dabhi

    (@guddu1315)


    11 years, 4 months ago

    Hi i am really stuck here……… In my site i have many images and whenever user clicks on it.. the user should be able to see the different but larger images in a box…how can i achieve that….

    Here are the two images
    1.The smaller image (default)

    https://postimg.org/image/ljco0bcmf/

    2. and when user click it i want the new lager image to be open in same window and with close button

    https://postimg.org/image/xxy2ecp8z/

    How can i do that? Please help me with this….its urgent,….thanks in advance

Viewing 2 replies - 1 through 2 (of 2 total)

  • Try looking for a suitable lightbox plugin.

    Thread Starter Gaurang Dabhi

    (@guddu1315)

    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…

    ??

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Display larger (different) image on image mouse cilck’ is closed to new replies.