Галерея изображений для отображения на основе критериев

Question

Галерея изображений для отображения на основе критериев

0

У меня есть набор изображений с именами, такими как NH-1, NH-2, NH-3,... и другой набор NS-1, NS-2, NS-3,.... отображаемый как изображения галереи с тремя изображениями в ряд. Теперь я создам div слева, который отображает ссылки на категории. Скажем, у этого div есть категории NH и NS. Предположим, что когда я нажимаю на NH, изображения в галерее должны быть отфильтрованы и должны отображаться только изображения с префиксом NH, и когда я нажимаю на NS, все изображения с NS в качестве префикса должны отображаться. По умолчанию, если ничего не щелкнули, тогда все изображения должен отображаться. Как я могу это сделать.

user3004356 13 март 2014, в 07:09

Источник

Теги:

javascript

jquery

html

css

2 ответа

Ещё вопросы

Vinay Pratap Singh · Answer 1 · 2014-03-13T04-41-00.000Z

У вас есть только ваши данные, просто нужно рассмотреть подход

сначала вам нужно поймать функцию щелчка по категориям

$("category selector").click(function(){
//logic here to call a function to show images and pass prefix
showImageWithPrefix(get NH or NS,send image count accordingly);
});

function showImageWithPrefix(prefix,Count)
{
//now you can show the images using a for loop just by appending ''-'' and
 'image extension' to the 'image name prefix'
}

18bytes · Answer 2 · 2014-03-13T03-29-00.000Z

Вы можете реализовать javascript

function showImages(var type) {
  // Based on the type of image, you can display the images as gallery

  // For each image element you want to add you can use the following code. Define a CSS class called as .thumbnail to show the image gallery in thumbnail size.
  $('#content').prepend('<img id="imgid" src="imgfile.jpg" class="thumbnail"/>')
}

Вызовите метод showImages ('') в событии onlcick ссылки.

Если все изображения JPG, могу ли я сделать фильтр
Да, вы можете сделать фильтр, даже если расширение img - jpg.