How to get the URL of the image using jquery in wordpress?

Question

I am developing a small lightbox wordpress plugin in which if a user clicks an image the image should appear in the lightbox. How can i identify URL of the image in which the user clicks, so it will be useful in showing the image in lightbox. Is this can be done in jquery? Can anyone help?

Nauphal · Accepted Answer · 2013-05-23 12:59:43Z

4

You can do like this

$("img").click(function() {
    var img_path = $(this).attr('src');
})

EDIT

change

data: dataString,

to

data: 'img_path='+img_path,

and you will be able to access the image path in lightbox.php like this

$image_path = $_POST['image_path'];

edited May 23, 2013 at 12:59

answered May 23, 2013 at 10:32

Nauphal

6,1824 gold badges30 silver badges43 bronze badges

Sign up to request clarification or add additional context in comments.

6 Comments

sun Over a year ago

is there any way to pass this img_path value to php variable?

Nauphal Over a year ago

@raj: how about using ajax ?

sun Over a year ago

$("img").click(function() {     var img_path = $(this).attr('src'); 	$.ajax({ 	type:'POST',     url: 'lightbox.php',     dataType: 'HTML', 	data: dataString,     success: function(data){       } }); });

this is the ajax i tried but cant get it

sun Over a year ago

Ya i tried but not working. Is there any changes to be made on success: function(data){ }

sun Over a year ago

is it possible to append this img_path to img tag like this <img src"value of img_path here">

|

stefan · Accepted Answer · 2013-05-23 10:33:00Z

1

Getting the image url is easy.

$(function() {

  $('img').on('click', function( event ) {
    var source = this.src;    
    console.log( source );
  });

});

answered May 23, 2013 at 10:33

stefan

1407 bronze badges

Collectives™ on Stack Overflow

How to get the URL of the image using jquery in wordpress?

2 Answers 2

6 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

6 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related