Помогите с jcarousel. Где меняются фоновые надписи на обычный текст?

A
На сайте с 09.09.2008
Offline
156
910

На сайте установлена jcarousel, но надписи next и prev выводятся картинками. Надо сделать, чтобы эти надписи выводились текстом, но не могу найти, где это меняется (нашел только в файле стилей, где меняются сами фоновые картинки).

Кто знает, помогите, пожалуйста!

Рекомендую хостинг Бегет: https://surl.li/ceykjl
Nunan
На сайте с 15.08.2008
Offline
78
#1

так трудно вам ответить, вы бы показали страницу где вы поставили этот скрипт.

я так понял html код карусели:

        <div class="carousel main">
<a href="#" class="prev">&nbsp</a>
<div class="jCarouselLite">
<ul>
<li><img src="image/1.jpg" alt="" width="150" height="118"></li>
<li><img src="image/2.jpg" alt="" width="150" height="118"></li>
<li><img src="image/3.jpg" alt="" width="150" height="118"></li>
<li><img src="image/4.jpg" alt="" width="150" height="118"></li>
<li><img src="image/5.jpg" alt="" width="150" height="118"></li>
<li><img src="image/6.jpg" alt="" width="150" height="118"></li>
<li><img src="image/7.jpg" alt="" width="150" height="118"></li>
<li><img src="image/8.jpg" alt="" width="150" height="118"></li>
</ul>
</div>
<a href="#" class="next">&nbsp</a>
<div class="clear"></div>
</div>

в теге - "<a class="prev" href="#"> </a>" вставьте текст, а в css уберите стиль background и поставьте текст посередине

A
На сайте с 09.09.2008
Offline
156
#2

Nunan, спасибо за ответ.

Там сложность была в том, что в код страницы галерея вставлялась как


<ul id="mycarousel" class="jcarousel-skin-name">
<li>Картинка 1</li>
<li>Картинка 2</li>
</ul>

Этот код выводил все, включая картинки "вверх"-"вниз" и непонятно было, где поменять фоновые картинки "вверх" и "вниз" на текст.

Подсмотрел тут http://sorgalla.com/projects/jcarousel/, что можно вставлять галерею еще и так:


<div class="jcarousel-skin-name">
<div class="jcarousel-container">
<div disabled="disabled" class="jcarousel-prev jcarousel-prev-disabled"></div>
<div class="jcarousel-next"></div>
<div class="jcarousel-clip">
<ul class="jcarousel-list">
<li class="jcarousel-item-1">Картинка 1</li>
<li class="jcarousel-item-2">Картинка 2</li>
</ul>
</div>
</div>
</div>

С этим вариантом в итоге разобрался, примерно, как Nunan написал.

Возник еще такой вопрос!

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

То есть, нужно сделать так, чтобы при заходе на страницу загрузилась только первая фотография и начала загружаться вторая. После нажатия на ссылку «Вниз», отображается вторая фотография и начинает подгружаться третья.

Может, кто-нибудь знает, как это лучше сделать?

[Удален]
#3
Может, кто-нибудь знает, как это лучше сделать?

выучить ява скрипт и сделать :)

A
На сайте с 09.09.2008
Offline
156
#4
bearman:
выучить ява скрипт и сделать :)

Бесценный совет :)

Самому написать можно что угодно и иногда это лучший вариант, но сейчас интересует, может, есть готовое решение для jcarousel или для другой галереи.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий