如何使用jquery将活动滑块缩略图居中对齐？ [英] How to center align active slider thumbnail in gallery using jquery?

问题描述

我有一个用JQuery（没有插件）制作的图库。我正在尝试几天来弄清楚如何让活动缩略图位于它的中心< div> ;.



以下是我的照片我试图实现：



http：//i.stack .imgur.com / qADVh.jpg [ ^ ]



出于学习目的，我不想使用插件，现在我陷入了困境。另外因为我是JQuery的新手。



这是我正在研究的项目的基本方法。



jsfiddle



非常欢迎任何建议。谢谢！

I have an image gallery made with JQuery(no plugin). I am trying for few days to figure out how to make the active thumbnail to be in center of it's <div>.

Following is a picture of what I'm trying to achieve:

http://i.stack.imgur.com/qADVh.jpg[^]

For the learning purpose I didn't wanted to use a plugin, now I am stuck at this. Also because I am new to JQuery.

This is a basic jsfiddle of the project I am working on.

jsfiddle

Any advice is highly welcome. Thanks!

推荐答案

指定以下CSS：

Specify following CSS:

div#big-image {
text-align: center;
}

另请参阅此 jsFiddle 。

这篇关于如何使用jquery将活动滑块缩略图居中对齐？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！