2015-04-03 2 views
0

Я использую jssor. В настоящее время у меня есть ползунок с thumbnails и стрелки.JSSOR отображаемая метка текущего изображения в виде миниатюры

Я хотел бы держать 2 стрелы, но вместо изображений, чтобы отобразить текст и только один текст метки, связанный с изображением. Что-то вроде следующего:
jssor-text-label

Может ли это быть достигнуто изнутри jssor?

ОБНОВЛЕНО описание

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

<div u="thumb">your text</div> 

это ставит 6 текстов, я хочу показать только текст текущего изображения.

ответ

1

два подхода, чтобы достичь своей цели,

  1. Используйте навигатор миниатюр в текстовом формате.

    Пример 1: http://www.jssor.com/skin/thumbnail-09.source.html
    Пример 2: http://www.jssor.com/skin/thumbnail-10.source.html

  2. Добавить элемент содержимого в каждом отдельном слайде.

    <div u="slides" ...> 
        <div> 
         <img u="image" .../> 
         <div style="position: absolute; bottom: 0px; left: 0px; width: 600px; height: 30px; color: #fff; background-color: #000; line-height: 30px;"> 
          your text 1 
         </div> 
        </div> 
        <div> 
         <img u="image" .../> 
         <div style="position: absolute; bottom: 0px; left: 0px; width: 600px; height: 30px; color: #fff; background-color: #000; line-height: 30px;"> 
          your text 2 
         </div> 
        </div> 
    </div> 
    
0

Да, безусловно!

Миниатюра - это не только изображение, это может быть все.

Вы можете использовать

<img u="thumb" ... /> 

А также, вы можете использовать любой HTML-код, как показано ниже.

<div u="thumb">your text</div> 

Пожалуйста, просто пойдите для этого, и разместите свой вопрос здесь, если есть проблема.

+0

Спасибо, я сделал попробовать это уже, пожалуйста, проверьте мой обновленное описание – shadesco

 Смежные вопросы

  • Нет связанных вопросов^_^