jquery img doesnt display from array

Question

I was wondering why my code isn't working, normally the first image should be displayed on my screen but I don't know what it might be, my css is prefixed, and should normally work with jquery.

<script>

(document).ready(function(){
    var photoArray["p/2012/03/73133.jpg","p/2013/03/73096", "p/2013/03/72940", "p/2013/03/72922", "p/2013/03/72913","p/2013/03/72492"]
    var url = "http://weerfoto.buienradar.nl/"

    $("gallery").html("<div id='frame'><img /> </div>" + "<ul class='fotolist> </ul>")
    $("#frame img").attr("src", url + photoArray[0]);
});
</script>

Not sure if this is relevant but you are missing a ' from the class class='fotolist... — Neil Hibbert
– Neil Hibbert, Commented May 15, 2013 at 13:04

iambriansreed · Accepted Answer · 2013-05-15 13:09:04Z

1

Just fixing validation errors:

$(document).ready(function(){
    var photoArray = ["p/2012/03/73133.jpg","p/2013/03/73096", "p/2013/03/72940", "p/2013/03/72922", "p/2013/03/72913","p/2013/03/72492"];
    var url = "http://weerfoto.buienradar.nl/";

    $(".gallery").html("<div id='frame'><img /></div>" + "<ul class='fotolist'></ul>");
    $("#frame img").attr("src", url + photoArray[0]);
});

But a better approach might be:

var photoArray = ['p/2012/03/73133.jpg','p/2013/03/73096','p/2013/03/72940','p/2013/03/72922','p/2013/03/72913','p/2013/03/72492'];

$(document).ready(function(){    
    $('.gallery').html('<div id="frame"><img src="http://weerfoto.buienradar.nl/'+ photoArray[0] +'" /> </div><ul class="fotolist"> </ul>');
});

I assumed gallery was a class here.

edited May 15, 2013 at 13:09

answered May 15, 2013 at 13:03

iambriansreed

22.3k6 gold badges66 silver badges81 bronze badges

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

1 Comment

mrName Over a year ago

yes indeed, it made it more readable and less complex, thank you. i think there is something with my program that i'm using not my syntax. However i still learned one or two things thanks to you.

Edwin Alex · Accepted Answer · 2013-05-15 13:03:10Z

1

Define array like this.

var photoArray = new Array("p/2012/03/73133.jpg","p/2013/03/73096", "p/2013/03/72940", "p/2013/03/72922", "p/2013/03/72913","p/2013/03/72492");

answered May 15, 2013 at 13:03

Edwin Alex

5,0944 gold badges31 silver badges51 bronze badges

Collectives™ on Stack Overflow

jquery img doesnt display from array

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related