HTML CSS проблема с плагином цикла Jquery - PullRequest
Новая
       9

HTML CSS проблема с плагином цикла Jquery

0 голосов
/ 05 августа 2011

Я пытаюсь интегрировать плагин цикла jquery, и он работает нормально. У меня есть элементы управления навигацией также в моем слайд-шоу. Но проблема в том, что мне нужно установить элементы управления в качестве фонового изображения и не должны отображать prev next, паузу и воспроизведение ссылок (текстов). Пожалуйста, найдите мой код ниже. Если я удалю текст ссылок (предыдущий, следующий, пауза и воспроизведение), слайд-шоу не будет работать. Есть ли способ сделать этот текст прозрачным, чтобы пользователь не мог видеть эти ссылки, а были видны только изображения. Пожалуйста, помогите.

Предыдущий 

    <div style="height:25px;width:25px;display:inline-block;background:url('Images/play.png')no-repeat transparent"><a href="" id="play" style="text-indent:-9999px;">Play</a></div>
    <div style="height:25px;width:25px;display:inline-block;background:url('Images/pause.png')no-repeat transparent"><a href="" id="pause">Pause</a>  </div>

<div style="height:25px;width:25px;display:inline-block;background:url('Images/next.png')no-repeat transparent"> <a href="" id="next">Next</a></div>
</div><!--controls-->

1 Ответ

0 голосов
/ 05 августа 2011

Вы можете указать один из следующих параметров CSS:

display:none; или visibility:hidden;

Первый удалит его из DOM, чтобы он не занимал место. Приятно то, что он напрямую связан с функциями JQuery show() и hide().

Второй сохранит его в DOM и просто сделает его невидимым, чтобы другие элементы, окружающие его, уважали его присутствие, а компоновка оставалась неизменной. Для переключения этого с JQuery вы хотите использовать $('element').css('visibility','visible');

...