|
Слайдер в блоке
|
|
| [1] rikulia [06.03.2012, 09:15] |
Доброе утро! хотелось бы найти скрипт слайдера примерно как у них ссылочка где блок Сайт-инфо рипнуть самой не хватает ума..  |
|
| [2] bandjuk [06.03.2012, 11:21] |
rikulia, Скачиваете себе скрипт, прописываете стили для блока. Если будут вопросы, пишите. Quote <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <link href="http://mikanewton.pp.net.ua/angel_style/style.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="http://s6.ucoz.net/src/jquery-1.3.2.js"></script> </head> <body>
<!-- news info --> <div class="nwblocktitle"><center> <table height="30px" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="31"> <a id="prev" href=""><div class="prev-slide-btn"></div> </td> <td style="text-align:center;color: #ffffff; font-family:Georgia; font-style:italic;" width="234" height="30">Сайт-инфо</td> <td width="31" height="30"> <a id="next" href="javascript:;"><div class="next-slide-btn"></div></a> </td> </tr> </table></center> </div> <div class="blockcontent"> <div class="blockcontent-inside"> <script type="text/javascript" src="http://mikanewton.pp.net.ua/angel_style/slider_inf.js"></script> <div id="vertSlider"> <!--<Informer1>--> <div class="slide"> <center><span class="slide_name">Новые статьи:</span></center> <script type="text/javascript" src="http://mikanewton.pp.net.ua/informer/22"></script> </div> <!--<Informer2>--> <div class="slide"> <center><span class="slide_name">Новые темы форума:</span></center> <script type="text/javascript" src="http://mikanewton.pp.net.ua/informer/23"></script> </div> <!--<Informer3>--> <div class="slide"> <center><span class="slide_name">Новые фото:</span></center> <script type="text/javascript" src="http://mikanewton.pp.net.ua/informer/25"></script> </div> <!--<Informer5>--> <div class="slide"> <center><span class="slide_name">Новые файлы:</span><br /></center> <script type="text/javascript" src="http://mikanewton.pp.net.ua/informer/26"></script> </div> <!--<Informer4>--> <div class="slide"> <center><span class="slide_name">Последние комментарии:</span></center> <script type="text/javascript" src="http://mikanewton.pp.net.ua/informer/24"></script> </div> </div> </div> </div> <div class="blockbottom"></div> <!-- /news info --> <!-- Updates slider --> <script type="text/javascript"> $('#vertSlider').cycle({ fx: 'scrollHorz', speed: '800', timeout: 0, next: '#next', prev: '#prev' }); </script> <!-- /Updates slider --> </body></html>
Сообщение отредактировал bandjuk - Вторник, 06.03.2012, 11:23 |
|
| [3] rikulia [06.03.2012, 12:47] |
|
bandjuk, спасибо, работает! |
|
| [4] likbezz [06.03.2012, 17:09] |
bandjuk, Quote (bandjuk) Скачиваете себе скрипт, прописываете стили для блока. Дайте-ка, дайте-ка взглянуть что за скрипт .... А-а, jQuery Cycle Plugin ... Неплохой ) ... А по чему у них на сайте стрелочка влево не работает? )))) ... ...
Добавлено (06.3.2012, 17:52:48) --------------------------------------------- bandjuk, Quote (bandjuk) Всё там работает! Ну, у меня не работает ) только правая, а левая не пашет) ...
|
|
| [5] bandjuk [06.03.2012, 17:33] |
likbezz, Quote А по чему у них на сайте стрелочка влево не работает? )))) ... как не работает? Всё там работает! |
|
| [6] rikulia [07.03.2012, 06:01] |
|
likbezz, хм.. у меня тоже обе работают! |
|
| [7] likbezz [07.03.2012, 09:44] |
rikulia, Quote (rikulia) хм.. у меня тоже обе работают! Всё отключил, и ABP и АнтиСкрипт, не работает у них левая стрелка ) ... И в консоли куча ошибок ... может из-за этого ))) Смотрел под гостем. Мозилла v3,6 |
|
| [8] rikulia [10.03.2012, 06:59] |
Помогите пож-та адаптировать слайдер к ИЕ, а то скрывать от этого браузера приходится(( вот мой тестовый >>> "Блок-инфо" там всё улетает |
|
| [9] likbezz [10.03.2012, 15:38] |
rikulia, Quote (rikulia) Помогите пож-та адаптировать слайдер к ИЕ, а то скрывать от этого браузера приходится(( Code #sh_2{padding:0 15px;width:auto!important;} #vertSlider{position:relative;left:0;top:0;} ... |
|
| [10] rikulia [10.03.2012, 16:37] |
likbezz, не помогло, так же сдвигается  |
|
| [11] likbezz [10.03.2012, 18:36] |
rikulia, Quote (rikulia) не помогло, так же сдвигается cry А вы что сделали? Эти стили нужно было просто добавить. Сейчас у вас уже изменены классы, и фона почему-то нет. ... Верните как было просто добавьте стили, что выше.
☑ http://likbezz.ru/_example/sites/_rest/p1/aur_1.html ... |
|
| [12] rikulia [10.03.2012, 18:50] |
likbezz, я немного по-другому переименовала, но щас всё вернула и всё-равно сдвигается:
Code #vertSlider{position:relative;left:0;top:0;}
#sh_1 { background: url("http://aur.moy.su/123/hjghjgjh.jpg") repeat scroll 0 0 transparent; box-shadow: 0 0 5px #333333; height: 50px; } #sh_1info { background: url("http://aur.moy.su/123/hjghjgjh_422123.jpg") repeat scroll 0 0 transparent; box-shadow: 0 0 5px #333333; height: 50px; } #sh_2 { background: #1F1F1F; color: #fff; width: 232px; border-top: 1px solid #0E0E0E; padding:0 15px;width:auto!important; } #sh_3 { background: url("http://aur.moy.su/123/ghjyterte.jpg") repeat scroll 0 0 transparent; height: 30px; width: 262px; }
может у меня скрипты мешают?
Сообщение отредактировал rikulia - Суббота, 10.03.2012, 19:06 |
|
| [13] likbezz [10.03.2012, 19:13] |
rikulia, Quote (rikulia) может у меня скрипты мешают? Может быть, я не смотрел скрипт данного слайдера. Попробуйте так: Code #vertSlider{ position:relative; left:0;top:0; height: 233px; overflow: hidden; width: 232px; } #vertSlider div.slide{ position:absolute; top:0; left:0; } #sh_1 { background: url("http://aur.moy.su/123/hjghjgjh.jpg") repeat scroll 0 0 transparent; box-shadow: 0 0 5px #333333; height: 50px; } #sh_1info { background: url("http://aur.moy.su/123/hjghjgjh_422123.jpg") repeat scroll 0 0 transparent; box-shadow: 0 0 5px #333333; height: 50px; } #sh_2 { background: #1F1F1F; color: #fff; padding: 0 15px; border-top: 1px solid #0E0E0E; width:auto!important; } #sh_3 { background: url("http://aur.moy.su/123/ghjyterte.jpg") repeat scroll 0 0 transparent; height: 30px; width: 262px; } ... |
|
| [14] rikulia [11.03.2012, 04:17] |
|
likbezz, урааа!! теперь на месте!! вы гений! |
|
| [15] Diana [18.03.2012, 11:00] |
А в мозиле в правда левая кнопка не пашет. Кто нибудь знает как поправить это? Интересный информер  |
|