由于我的标题状态灯箱有一个像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 li {display:inline;}”是内联的,只是 将它更改为“list-item”,然后你就可以进入垂直位置。
LightBox的下载正确here。
答案 0 :(得分:0)
#gallery ul li { display: list-item; }