2014-11-06 1 views
0

Мне интересно, как сделать высокопрозрачный палец прокрутки для случаев, когда в него слишком много эскизов.Как сделать прокрутку Highslide прокручиваемой?

У меня Highslide галереи здесь: http://civicsector.org.ua/multimeda/foto/208-akcya-geroyi-nezalezhnost.html

Однако, эскизы в нем получить сплющенную так, что все они вписываются в thumbstrip. Вместо этого я хочу, чтобы сохранить пропорции и сделать thumbstrip прокручивать, так же, как здесь: http://www.roadrash.no/hs-support/gallery-in-page+caption-above-thumbstrip.html

Это кажется, что мой код идентичен тому, что в примере страницы, но по какой-то причине выход другой.

Может ли кто-нибудь помочь мне с этим?

Спасибо.

ответ

1

CSS Bootstrap (в bootstrap.css: 101) clonflicting с Highslide, добавьте в ваш 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 сталкивается с CSS Highslide JS. В файле bootstrap.css, строки 101 и ниже, у вас есть это:

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

Удалить эту максимальную ширину атрибута.