1 DmitryTal

  • DmitryTal
  • Уже не новичок
  • Карма: 0 / 0

Тема: Скрипт карусель

Проблема со скриптом карусель должно быть:

А у меня выглядит так:

В чем проблема? И где именно искать ошибку?

2 svetlana

  • svetlana
  • Чув-а-а-а-к!!!
  • Карма: 47 / 0

Re: Скрипт карусель

В чем проблема?

Ну понятное дело - в чем-то странном и таинственном.

И где именно искать ошибку?

Ну это же логично, где-то на сайте smile

P/S Каков вопрос, таков и ответ!

3 DmitryTal

  • DmitryTal
  • Уже не новичок
  • Карма: 0 / 0

Re: Скрипт карусель

Согласен глупо вышло...

Вот скрип карусели 

/*Скроллер популярные новости
 ------------------------------------------*/ 

.jcarousel-clip {

z-index: 2;
padding: 0;
margin: 0;
overflow: hidden;
position: relative;

} 

.jcarousel-list {

z-index: 1;
overflow: hidden;
position: relative;
top: 0; left: 0;
margin: 0; padding: 0;

} 

.jcarousel-list li, 

.jcarousel-item {

float: left;
list-style: none;

} 
.jcarousel-item {

text-align:center;
font:9px Verdana,Arial,Helvetica, sans-serif;
color:#999; width:155px;

}  

.jcarousel-container {

position: relative;
-moz-border-radius:
10px; background: #F0F6F9;

} 

.jcarousel-container-horizontal {

background:#fff;
width:900px;
padding: 10px 50px 7px 50px;
    -moz-box-shadow: 0 0 7px rgba(0,0,0,0.5); /* Для Firefox */
    -webkit-box-shadow: 0 0 7px rgba(0,0,0,0.5); /* Для Safari и Chrome */
    box-shadow: 0 0 7px rgba(0,0,0,0.5); /* Параметры тени */
} 

.jcarousel_img {

width: 130px;
height: 100px;
background: #fff;
border:1px solid #B6D4E1;
padding: 3px;
margin-bottom: 3px;

} 

.jcarousel-next-horizontal {
position: absolute;
top: 80px;
right: 5px;
width: 32px;
height: 32px;
cursor: pointer;
background: transparent url('../images/fancy_nav_right.png') no-repeat 0 0;

} 

.jcarousel-prev-horizontal {
position: absolute;
top: 80px;
left: 5px;
width: 32px;
height: 32px;
cursor: pointer;
background: transparent url('../images/fancy_nav_left.png') no-repeat 0 0;

} 

.transparency_i a:hover img {

filter: progid: DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
filter: alpha(opacity=50);

} 
/*Shortstory6, Популярные*/
.box3 .item{ float:left; position:relative; margin-right:9px;height:158px; width:113px; cursor:pointer; margin-bottom:6px; overflow:hidden;
    -moz-box-shadow: 0 0 9px rgba(0,0,0,0.5); /* Для Firefox */
    -webkit-box-shadow: 0 0 9px rgba(0,0,0,0.5); /* Для Safari и Chrome */
    box-shadow: 0 0 9px rgba(0,0,0,0.5); /* Параметры тени */
}
.box3 .item span.tt { display:block; position:absolute;BOTTOM:0;left:0;Z-index:2; width:110px;color:#fff; font-size:11px; text-decoration:none; padding:3px 5px; background:url('../images/prozr.png')}
.box3 .item:hover span.tt,.box-grid .item:hover span.dt{ color:#fff;background:url('../images/bg-title4.png') !important}

Выводиться через main.tpl 

<!-- Ротатор афиши -->
<script src="{THEME}/js/jquery.fancybox-1.3.4.pack.js"></script>
<link media="screen" href="{THEME}/css/karusel.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="{THEME}/js/jquery.jcarousel.pack.js"></script> 
<script type="text/javascript"> 
function mycarousel_initCallback(carousel) {  
  carousel.buttonNext.bind('click', function() { 
  carousel.startAuto(0); 
  }); 

  carousel.buttonPrev.bind('click', function() { 
  carousel.startAuto(0); 
  }); 
   
  carousel.clip.hover(function() { 
  carousel.stopAuto(); 
  }, function() { 
  carousel.startAuto(); 
  }); 
}; 

 jQuery(document).ready(function() { 
  jQuery('#center_dm_ru_carousel').jcarousel({ 
  auto: 3, 
  wrap: 'last', 
  initCallback: mycarousel_initCallback 
  }); 
}); 
</script>
<!--Карусель -->
    <h5>Лучшие фильмы по-вашему мнению &rarr;</h5>
 <ul id="center_dm_ru_carousel" class="transparency_i">{topnews}</ul> <br />
    <div class="spacer"></div>

4 svetlana

  • svetlana
  • Чув-а-а-а-к!!!
  • Карма: 47 / 0

Re: Скрипт карусель

Это тоже мало чем поможет.

Чисто визуально, проблема не в стилях, а в том что скрипт не пашет, а тут может быть конфликт с другими скриптами на странице или еще в чем.

Сайт в принципе я посмотрела (нашелся в поиске легко=) ), чисто технически все вроде верно установлено, но так как сейчас в карусели нечего прокручивать, то проверить без этого не смогла. 

Попробуйте переместите скрипт (все что в head) в конец, перед </body>, <script src="{THEME}/js/jquery.fancybox-1.3.4.pack.js"></script>  возможно вообще не нужен, а может и конфликт где-то по его причине, можно попробовать с ним и без.

5 DmitryTal

  • DmitryTal
  • Уже не новичок
  • Карма: 0 / 0

Re: Скрипт карусель

Svetlana, перебробывал ваши варианты, но ничего не вышло. Спасибо Вам огромное что откликнулись.

6 darkhowk

  • darkhowk
  • Я тут новенький
  • Карма: 0 / 0

Re: Скрипт карусель

Точно не уверен, на сколько я помню, я менял скрипт jquery.js из папки engine/classes/js
на такой же, из ранних версий движка. Мне помогло. У меня на 10.0 карусель нормально отображалась, а на 10.2 и выше была аналогичная проблема.