라이트 박스 갤러리를 세로에서 가로로 변경합니다.

Question

내 제목 상태 라이트 박스에 this과 같은 열린 갤러리 예가 있습니다. 누군가 가로 나 수직으로 바꾸는 방법에 대한 조언이나 아이디어를 줄 수 있습니까?

나는이 질문을하려고 했으므로 내가 게시하기 전에 해답을 알아 냈으므로 해결책을 나누고 싶습니다.

전제 조건 :

최신 JQuery.js

"#gallery의 UL 리튬 {디스플레이 : 인라인;}"통보 것을

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> 

, 인라인 단지 변화이다 그것에 "목록 항목" , 그리고 거기서 당신은 수직 입장이됩니다.

LightBox 용 다운로드는 바로 here입니다.

Answer 1

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