Новое на форуме - прошу прощения за любые ошибки. Использование салфетки/слайд-шоу. Шоу работает, но «точки» под шоу, которые должны следовать, так как пользовательские провалы этого не делают. Я попытался добавить в элемент списка тег «a», также попробовал пролет с классом «on».swipe show navigation "dots"

HTML

<div class="dots"> 
    <ul id='position'> 
     <li class='on'></li> 
     <li></li> 
     <li></li> 
     <li></li> 
     <li></li> 
    </ul> 
</div>

CSS

.dots { 
    margin: 7px auto 0px; 
    position: relative; 
    max-width: 680px; 
} 
.dots a { 
    color: rgb(205, 205, 205) !important; 
    font-style: normal; 
} 
.dots #position { 
    list-style: none; 
    margin: 0px; 
    padding: 0px; 
    text-align: center; 
} 
.dots #position li { 
    background: rgb(255, 255, 255); 
    margin: 0px 2px; 
    border-radius: 10px; 
    width: 10px; 
    height: 10px; 
    display: none; 
    cursor: pointer; 
    box-shadow: inset 0px 1px 3px grey, 0px 0px 1px 1px #8b8989; 
} 
.dots #position li.on { 
    box-shadow: inset 0px 1px 3px -1px #7EC153, 0px 1px 2px rgba(0, 0, 0, 0.5); 
    background-color: rgb(126, 193, 83); 
}

Живая демо-сайт: http://192.185.168.157/~rylex658/mobile/residential-cabinets.html

источник

2014-01-17 BSim

Проведите мимо? Как для мобильной разработки и позволяет пользователю «скользить» пальцем, чтобы повернуть слайд-шоу ...? –

@ Николас Хейзел Да, палец щелкает, чтобы продвигать слайд-шоу. Точки под шоу должны соответствовать изображению в поле зрения, а также позволять пользователю перемещать слайд-шоу. – BSim

Автор Swipeshow здесь.

.dots #position должно быть .dots#position - попробуйте. Кроме того, нет необходимости заполнять его <li> - они будут сделаны для вас библиотекой.

источник

2014-03-23 03:37:06

swipe show navigation "dots"

HTML

CSS

ответ

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