Question

我创建了一个HTML网站（使用div而不是tables和lightbox.js），这些网站正在销售摄影。有没有办法在不创建数据库的情况下在Java或PHP中添加图像搜索功能？如果是这样，请提供我应该使用的格式/库的详细信息。我是一名新毕业生，我一直在搜索网络和stackoverflow两天，找到点点滴滴，但从开始到结束都没有什么。谢谢

Answer 1

我不知道这是否与你想要的一样，但是使用JQuery你可以使用自动完成进行简单的“搜索”。

首先：使您的图像具有与您要搜索的“名称”相同的ID。类似的东西：

<div id="img1">
    <img id="Image1" alt="Image 1" />
</div>
<div id="img2">
    <img id="Image2" alt="Image 2" />
</div>
<div id="img3">
    <img id="Image3" alt="Image 3" />
</div>

第二：然后，您可以将所有“img”标记ID添加到数组中，并创建一个JQuery UI（http://jqueryui.com/autocomplete/）自动完成输入字段，如下所示：

HTML

<input id="autocomplete" />

JQuery的

var images = new Array();
$("img").each(function() {
    images.push($(this).attr("id"));
});

$("#autocomplete").autocomplete({
    source: images
});

现在您已在自动填充/搜索字段中显示图像ID（名称），您可以添加一个“搜索”所选自动完成图像ID并仅显示该图像的按钮。

HTML

<button id="search">View Image</button>

JQuery的

$("#search").click(function() {
    var field = $("#autocomplete").val();
    $("img").hide(); //Hide all images
    $("#"+field).show();
});

我希望这会有所帮助，即使它不是你想要的。这里有一个完整的演示：JSFiddle

没有数据库搜索图像？

1 个答案: