0

我整天在网上搜索结果以解决我的问题...

我想要一个选项列表，每个选项都链接到不同的图像。但是，我希望图像在同一页面上的灯箱中打开，而不是在新窗口中打开图像（wordpress 的灯箱进化是我正在使用的插件）。

我尝试在输入字段中使用 onclick，灯箱将打开（如果 class="lightbox"）但没有图像加载。

我不知道是否需要添加一个函数，允许输入识别选择了哪个选项，以便在单击输入按钮时，该特定图像会在灯箱中打开。

如果我确实需要一个功能，我不知道在哪里添加功能... onclick？选项标签中的某处，还是选择标签？

<form>
<select>
<option value="linkimage1.jpg">image 1</option>
<option value="linkimage2.jpg">image 2</option>
<option value="linkimage3.jpg">image 3</option>
<input type="button" value="submit" />
</select>
</form>

任何帮助都将不胜感激，即使它是一个很好的链接，可以解释我如何创建一个函数并将其添加到我的代码中，然后使用解决方案将该函数调用到我的下拉列表中。

谢谢

4

1 回答 1

0

如果使用 iLightBox http://ilightbox.net/你可以这样做：

<select id="selectImage">
    <option>Select Image</option>
    <option value="linkimage1.jpg">image 1</option>
    <option value="linkimage2.jpg">image 2</option>
    <option value="linkimage3.jpg">image 3</option>
</select>

<script>
    jQuery(document).ready(function($){
        $('select#selectImage').change(function(){
            var $this = $(this),
                url = $this.val();

            $.iLightBox(url);
        });
    });
</script>
于 2013-03-31T22:18:38.837 回答