[Ликбез]

Форма входа

Меню сайта



Слайдер в блоке
[1] rikulia [06.03.2012, 09:15]
Доброе утро! хотелось бы найти скрипт слайдера примерно как у них ссылочка где блок Сайт-инфо
рипнуть самой не хватает ума..
help
[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)
Всё там работает!

Ну, у меня не работает ) только правая, а левая не пашет) ...
Прикрепления: jQuery.CyclePlu.js (27.1 Kb)
[5] bandjuk [06.03.2012, 17:33]
likbezz,
Quote
А по чему у них на сайте стрелочка влево не работает? )))) ...

как не работает? surprised Всё там работает!
[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, не помогло, так же сдвигается cry
[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]
А в мозиле в правда левая кнопка не пашет. Кто нибудь знает как поправить это? Интересный информер biggrin


Полная версия сайта