试图在galleria jquery中居图像

时间:2009-10-15 11:16:47

标签: jquery css galleria

我正在使用jquery galleria,这很酷,但我似乎无法弄清楚如何将缩略图列表居中。正如您在下面的链接中看到的那样,主图像居中但缩略图总是左对齐。任何css专家都知道我在这里做错了什么。

这是一个例子。

3 个答案:

答案 0 :(得分:1)

您的列表项目当前设置为“display:block; float:left;”这导致你的问题以内容为中心对这些没有任何作用......

虽然有解决方案。

由于缩略图部分中的所有图像的宽度始终相同,因此您可以进行调整以使事物居中。

我对你的CSS进行了以下更改

.gallery_demo {
  padding-left: 80px;
  width: auto;
}

这似乎得到了你所追求的结果。

P.S。不应使用“center”html标记。

答案 1 :(得分:1)

要将galleria缩略图置于大图像下方,我将以下内容添加到我网站的css文件中:

.galleria-thumbnails {     margin-left:auto;     margin-right:auto; }

答案 2 :(得分:0)

你需要使用jquery来获取容器的宽度然后使填充 - 左边的等式是否有意义? - ((widthOfGalleria - widthOfThumbnailsList)/ 2)