改变灯箱画廊从垂直到水平

由于我的标题状态灯箱有一个像this开放画廊的例子。有人可以给我一个提示或想法如何将其从水平改为垂直。改变灯箱画廊从垂直到水平

由于我正要问这个问题，我在发帖之前就想出了答案，我想分享这个解决方案。

先决条件：

最新的jquery.js

1.<script src="light-box/jquery.lightbox-0.5.js" type="text/javascript"></script> 
2.<link href="light-box/jquery.lightbox-0.5.css" rel="stylesheet" type="text/css" /> 

3.<script type="text/javascript"> 
      $(function() { 
       $('#gallery a').lightBox(); 
      }); 
    </script>` 
4.  <style type="text/css"> 
/* jQuery lightBox plugin - Gallery style */ 
#gallery { 
    background-color: #444; 
    padding: 10px; 
    width: 135px; 
} 
#gallery ul { list-style: none; } 
#gallery ul li { display: inline; } 
#gallery ul img { 
    border: 5px solid #3e3e3e; 
    border-width: 5px 5px 20px; 
} 
#gallery ul a:hover img { 
    border: 5px solid #fff; 
    border-width: 5px 5px 20px; 
    color: #fff; 
} 
#gallery ul a:hover { color: #fff; } 
</style>

通知， “#gallery UL李{显示：内联;}” 是内联，只是更改为 “列表项” ，并在那里你去垂直的位置。

LightBox的下载是对的here。

来源

2012-08-24 Akyl

按错了按钮发布问题，而不是后回答。有人能告诉我如何从问题转变为回答？ – Akyl

#gallery ul li { display: list-item; }

来源

2012-08-24 19:46:53 Akyl

改变灯箱画廊从垂直到水平

回答

相关问题