2014-11-06 5 views
0

너무 많은 미리보기 이미지가있을 경우 스크롤 할 수있는 높이 슬라이더를 만드는 방법에 대해 궁금합니다.Highslide thumbstrip을 스크롤 가능하게 만들려면 어떻게합니까?

나는 여기에 highslide 갤러리를 가지고 : 그들 모두가 thumbstrip에 맞도록 http://civicsector.org.ua/multimeda/foto/208-akcya-geroyi-nezalezhnost.html

그러나,의 축소판이 oblated 얻을. 대신에, 나는 그들이 여기처럼 가로 세로 비율을 유지하고 thumbstrip 스크롤 만들고 싶어 : http://www.roadrash.no/hs-support/gallery-in-page+caption-above-thumbstrip.html

그것은 내 코드 예제 페이지에있는 것과 동일하다 보이지만, 어떤 이유로 출력은 다른.

아무도 도와 주시겠습니까?

감사합니다.

답변

1

부트 스트랩의 CSS (bootstrap.css : 101) Highslide와 clonflicting되어,도 작동하고, 아마 내 솔루션보다 안전 당신의 CSS

.highslide-thumbstrip-horizontal img 
{ 
    max-width: inherit; 
} 
+0

예,이를 추가합니다. – MisterNeutron

+0

고마워요! 이제 예상대로 작동합니다! – Maksym

+0

Highslide와 Twitter Bootstrap 사이에 또 ​​하나의 충돌이 있습니다. 여기에 설명되어 있습니다 : http://stackoverflow.com/questions/26796710/highslide-in-page-gallery-gets-broken-by-bootstrap-affix 도울 수 있다면 정말 좋을 것입니다! – Maksym

0

자신의 CSS가 Highslide JS CSS와 충돌합니다. bootstrap.css 파일의 101 행 다음에 다음과 같이 입력하십시오.

img { 
    ... 
    max-width: 100%; 
    ... 
} 

최대 폭 속성을 제거하십시오.