Поиск изображений без базы данных?

Я сделал сайт в HTML (используя divs not tables и lightbox.js), который продает фотографию. Есть ли способ добавить функцию поиска изображений в Java или PHP без создания базы данных? Если да, укажите, какие форматы/библиотеки я должен использовать. Я новый выпускник, и я искал сеть и stackoverflow в течение двух дней и нашел кусочки, но ничего, что меня от начала до конца. Thank YouПоиск изображений без базы данных?

источник

2013-09-05 Brooke Hale

Что именно вы подразумеваете под функцией поиска изображений? Почему требование «без создания базы данных»? –

Да, выполните поиск по каталогу, содержащему файлы. * «Пожалуйста, укажите информацию о том, какие форматы/библиотеки я должен использовать». ** ** Вам нужно сделать попытку сделать это самостоятельно, а затем вернуться сюда, когда у вас действительно есть проблема. Единственный полный ответ на этот вопрос - это почти полное рабочее решение, но мы даже не знаем, где и как вы храните изображения, сколько их есть, как они организованы, как вы хотите их искать , и т. д. –

В настоящее время существует более двухсот изображений, и теперь их можно добавить в галереи (отдельные страницы), такие как природа, люди, архитектура и тезисы, но они хотят поиска, который мог бы искать, например, «синий» или «вода». Я храню изображения в папке с папками для каждой галереи. Я бы сделал попытку, если не знаю, с чего начать. Мне не нужно полное рабочее решение, просто идея о том, с чего начать, или нет, это невозможно, я единственный веб-дизайнер со ста милями, поэтому я не могу просто попросить моего босса или сверстников , –

Я не знаю, похоже ли это на то, что вы ищете, но с помощью JQuery вы можете сделать простой «поиск» с использованием автозаполнения.

Во-первых: Сделайте свои изображения эквивалентными идентификаторам «имя», которое вы хотите найти. Что-то похожее на это:

<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» в массив и сделать 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 
});

Теперь, когда у вас есть идентификаторы изображений (Нама es) в поле автозаполнения/поиска вы можете добавить кнопку, которая «выполняет поиск» по выбранному идентификатору автозаполнения и отображает только это изображение.

HTML

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

JQuery

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

Я надеюсь, что это помогает, даже если это не совсем то, что вы искали. Полная демо-версия находится здесь: JSFiddle

источник

2013-09-05 18:56:27 Tricky12

Поиск изображений без базы данных?

ответ

Смежные вопросы