Getting an image url from Jquery using javascript

Question

I have a Jquery function that have many url for image ojbect. How can i get the url of the image using javascript. I want to make a test on the url

    if url=condition {//do something...

You can find below example of the code.

$(document).ready(function () {
    $(function () {
        $("#show_banners").showcase({
            css: {
                "margin-left": "auto",
                "margin-right": "auto"
            },
            animation: {
                type: "fade",
                interval: 4500,
                speed: 1800
            },
            images: [{
                url: "../images/content/example1.jpg",
                description: "example1",
                target: "_self",
                link: ""
            }, {
                url: "../images/content/example2.jpg",
                description: "example2",
                target: "_self",
                link: ""
            }, {
                url: "../images/content/example3.jpg...

The ID of the DIV is show_banners.

I want to extract the url of the current image using javascript. — user2878048
– user2878048, Commented Oct 14, 2013 at 8:06

geevee · Accepted Answer · 2013-10-14 08:08:45Z

5

in order to extract a src from an image in JavaScript:

var img_src = document.getElementById('elementId').src;

in jQuery:

var img_src = $('#elementId').attr('src');

hope that helps.

answered Oct 14, 2013 at 8:08

geevee

5,4715 gold badges33 silver badges50 bronze badges

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

8 Comments

user2878048 Over a year ago

The message returned when i do this is "undefined".

user2878048 Over a year ago

I need to getElementbyID of the show_banner, then get the image url

geevee Over a year ago

try with jQuery: $('#elementId img').attr('src')

geevee Over a year ago

you may be using duplicated IDs ?

Mr. Mr. Over a year ago

You should only have one element assigned with a unique id (using the id attribute); do not give multiple elements the same id. Try using the class attribute or even the name attribute itself.

|

andy · Accepted Answer · 2013-10-14 08:06:35Z

0

Like so:

var image_array = []

for(var i=1; i<=5; i++) {

  image_array.push({
    url: "../images/content/example"+i+".jpg",
    description: "example"+i,
    target: "_self",
    link: ""
  })

}

Change i<=5 to the amount of rows you have. Then in the code you posted above put:

images: image_array

answered Oct 14, 2013 at 8:06

andy

2,4193 gold badges32 silver badges51 bronze badges

Collectives™ on Stack Overflow

Getting an image url from Jquery using javascript

2 Answers 2

8 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

8 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related