 молчун Группа: Пользователи Пользователь №: 4011 Сообщений: 8
| Не стал создавать новую тему, дабы не засорять форум понапрасну 
-------------------
В общем такая проблема.
У меня на сайте установлены несколько хедеров, которые при перезагрузке страницы рандомно меняются (спасибо оператору <?rnd( )?> )
Так вот, я хочу сделать, чтобы можно было вручную выбирать хедеры, просто как просмотр(т.е. куки тут не обязательны). Уже сделал блок переключателей, осталось событие клик прописать для каждого линка или скрипт отдельно...
Вот код:
Code <div id="bg-switch" title="Пока не работают :)"> <div id="switcher-left"></div> <div id="switcher-content"> <a href="#" class="active">1</a> <a href="#">2</a> ... <a href="#">11</a> </div> <div id="switcher-right"></div> </div>
Принцип такой, чтобы при клике, этой ссылке задавался класс active, и при этом чтобы изменялся бэкграунд хедера (его айди header)
вот стиль хедера...
Code <style type="text/css">
#header {
background: url(/design/bg-top<? rnd 11 ?>.jpg) no-repeat scroll center top transparent;
}</style>
ЗЫ: если еще транситион (-moz-transition:All 1s ease;) можно будет влепить в это событие, чтобы бэкграунд плавно изменялся, то будет вообще перфектно..
----------------
Собственно, я чуть покопался и смог пока реализовать только назначение класса
Code <script type="text/javascript">
$(document).ready(function(){
$("#switcher-content a").click(function () {
var N = $(this).val();
$(this).toggleClass("active"),
$("#header").css({ "background-image":"url(/design/bg-top+N+.jpg)"})
});
});</script>
Но пока не получается извлечь текст из ссылки ( <a href="#">1</a> - должен извлечь текст 1 ) и вставить его в код скрипта .../design/bg-top+N+.jpg...
И еще 1 нюанс, сейчас у меня все ссылки получают класс active, если по ним кликнуть, а мне необходимо, чтобы только у одной ссылки был класс, у других, чтобы автоматом отключалось... как принцип у radio-button...
Заранее благодарю)
Сообщение отредактировал RazieL - Понедельник, 14.11.2011, 02:15 |
