jquery选择图像

Question

我希望允许用户选择预先上传的图像到用户生成的网页.

我有一个可用图像的列表,所以我可以使用选择控件轻松完成此操作,但是,我真的希望允许用户从弹出的缩略图中选择,而不是文本,然后填充文本带有结果文件名的表单元素.我希望最终结果将像日历弹出日期选择器.

我确信使用Jquery /其他javascript有一种简单的方法可以做到这一点.有没有人知道预制的小部件/这个例子,或者人们可以指出我从哪里开始的正确方向？我对Javascript很新,但愿意花一些时间学习...

---

澄清:网格或缩略图列表是我理想的,但主要的是给用户一个图片的可视化表示,而不是它的文件名...

Answer 1

我能够找到这个名为"Select Box Factory 2.0"的 jQuery插件

打开"其他功能:图像"手风琴,我认为这或多或少是你想要的.

或者,您可以执行以下操作:

<select id='images'>
    <option value='tiger.jpg'>Tiger</option>
    <option value='owl.jpg'>Owl</option>
    <option value='bear.jpg'>Bear</option>
</select>
<div id='preview'></div>

然后像这样的jQuery代码:

$('#images').change(function() {
    var image = $(this).val();
    var img = $('<img/>').attr('src', image);
    $('#preview').html(img);
});

祝好运.