|
   |
| Форум uCoz Помощь по uCoz Неправильно работает слайдер |
| Неправильно работает слайдер |
Дата: Понедельник, 2016-03-28, 19:42 | Сообщение # 1
Слайдер при загрузке страницы должен показывать 0 картинку или что то.
 Но при загрузке страницы на которой слайдер, он отображается так:  Тоесть сначало у него такой вид, а потом если нажимаешь на любую из 0-1-3 то картинка появляется CSS: Код .block{background:#222;padding:10px 10px 0;border-radius:10px;width:400px} .block img{border:0;display:none} .block div{margin:10px auto 0;background:#ddd;padding:5px 0;width:100px;border-radius:10px 10px 0 0;text-align:center} .block div a{text-decoration:none;color:#ddd;background:#222;border-radius:5px;padding:2px 5px} .block div a:hover{background:#444} JS: Код // Slider by ILyeS function block_off(){$('.block img').hide()}; function block_on(a){$('.block img:'+a).fadeIn(300)}; block_on('eq(0)') НТМL Код: Код <div class="block"> <img src="url"> <img src="url"> <img src="url"> <div> <a href="javascript://" onclick="block_off();block_on('eq(0)')">1</a> <a href="javascript://" onclick="block_off();block_on('eq(1)')">2</a> <a href="javascript://" onclick="block_off();block_on('eq(2)')">3</a> </div></div> Описние стайдера: Немножко о работе: При запуске страницы, всегда, будет открывать первое изображение. (а у меня пустота как на 2-й картинке) Скрипт кроссбраузерен. Количество изображений можете выбрать сами, нужно только добавлять img и соответствующее им количество переключателей. Помните, что номер переключателя начинается с 0. |
| |||
| |||