Highslide галерея с двумя разными миниатюрами - PullRequest
Новая
       2

Highslide галерея с двумя разными миниатюрами

0 голосов
/ 07 сентября 2011

Я пытаюсь сделать галерею с высокой горкой.

У меня есть две миниатюры: большая, но обрезанная, указанная на странице, открывающая большое изображение при нажатии, и меньшая с различным соотношением сторон.для беговой дорожки.

Как настроить верхнюю горку для фактического использования различных изображений для беговой дорожки?

Например, это часть разметки: 

<a href="highslide/sample-images/picture12.jpg" class="highslide" 
        title="Caption from the anchor's title attribute" 
        onclick="return hs.expand(this, config1 )">
    <img src="highslide/sample-images/picture12.thumb.jpg"  alt=""/>
</a>

ссылка указывает на большую картинку, изображение показывает обрезанный эскиз.

Можно ли переопределить функцию, например, для использования двух миниатюр, таких как: 

<a href="highslide/sample-images/picture12.jpg" class="highslide" 
        title="Caption from the anchor's title attribute" 
        onclick="return hs.expand(this, config1 )">
    <img class="thumb" src="highslide/sample-images/picture12.thumb.jpg"  alt=""/>
    <img class="strip" src="highslide/sample-images/picture12.strip.jpg" style="display: none" alt="" />
</a>

1 Ответ

0 голосов
/ 11 января 2012

На самом деле я нашел решение этой проблемы некоторое время назад:

На ссылке API верхнего уровня http://highslide.com/ref/ есть функция stripItemFormatter.Параметр функции - это элемент, который вы раскрываете (элемент).

строка, возвращаемая этой функцией, будет проанализирована как html и использована в качестве элемента thumbstrip.

Если выпроверьте этот пример: http://highslide.com/ref/hs.stripItemFormatter вы можете увидеть, как это делается.

...