html - jquery img doesnt display from array -
i wondering why code isn't working, first image should displayed on screen don't know might be, css prefixed, , should work 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>
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 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 class here.
Comments
Post a Comment