javascript - JQuery Image Picker is not working -
i trying develop image picker following these tutorials http://jsfiddle.net/huanlin/mgvrc/
, http://rvera.github.io/image-picker/#
here code have tried far
<!doctype html> <html> <head> <meta charset="utf-8"> <title>try image picker</title> <link rel="stylesheet" type="text/css" href="image-picker.css" /> <link rel="stylesheet" type="text/css" href="style.css" /> <script type="text/javascript" src="image-picker.js"/> </script> <script type="text/javascript" src="image-picker.min.js"/> </script> <script> $(document).ready(function () { $("#selectimage").imagepicker({ hide_select: true }); var $container = $('.image_picker_selector'); // initialize $container.imagesloaded(function () { $container.masonry({ columnwidth: 30, itemselector: '.thumbnail' }); }); }); function myfunction() { document.getelementbyid("demo").innerhtml = "paragraph changed."; } </script> </head> <body> <select id="selectimage" class="image-picker"> <option value=""></option> <option data-img-src="o.png" value="1"> image 1 </option> <option data-img-src="aa.png" value="2"> image 2 </option> <option data-img-src="ee.png" value="3"> image 3 </option> </select> <br> <p id="demo">a paragraph</p> <button type="button" onclick="myfunction()">try it</button> </body> </html>
but no image showing in browser. css, js scripts , images have been linked properly. can suggest doing wrong here?
this jquery plugin. see it's missing in html head.
Comments
Post a Comment