Question

我有一组名字像NH-1，NH-2，NH-3，...和另一套NS-1，NS-2，NS-3，....显示为图库图像连续三张图片。现在，我将在左侧创建一个显示类别链接的div。假设这个div有NH和NS类别。假设当我点击NH时，图库中的图像应该被过滤，只显示带有前缀NH的图像，当我点击NS时，应显示所有带NS作为前缀的图像。默认情况下，如果没有点击，则所有图像应该显示。我怎样才能做到这一点。

Answer 1

您可以实施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"/>')
}

在链接的onlcick事件中调用showImages（＆＃39;＆＃39;）方法。

Answer 2

您的数据只是结构化的，只需要考虑方法

首先需要捕捉类别

上的点击功能

$("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`
}

要根据条件显示的图库图像

2 个答案: