Слайд-шоу jquery не работает должным образом

Question

Не медведь, я не программист. У меня есть template based site из квадратов с плохой слайд-шоу. Склад прокручивается слишком быстро. Поэтому я отключил автоматическое воспроизведение в настройках.

Я могу добавить jquery/java/html/css, но я не могу изменить существующий код. У кого-нибудь есть предложения по тому, как сделать это слайд-шоу правильным?

Вот что я добавил, чтобы заставить его играть/исчезать, но на самом деле это очень хриплый рывок.

<script> 
window.setInterval(slideClick, 9000); function slideClick() 
{ $(".slide").click(); $(".sqs-active-slide").hide().fadeIn(); } 
</script> 

Answer 1

Попробуйте это, может быть? Убедитесь JQuery включен в верхней части страницы (я у себя рудник сам, но вы, вероятно, может получить хостинг Google) Это выглядит примерно так:

<script type="text/javascript" src="path/to/jquery.min.js"></script> 

Тогда вы положили это в нижней части страницы:

<script type="text/javascript">  
$(document).ready(function() { 
    $(".slide").bind("click", function(){ 

     $(".sqs-active-slide").fadeOut(500, function(){ 
      //change active slide here 
      //remove class from current active slide 
      //then run the following line 
      $(".sqs-active-slide").fadeIn(500); 
     }); 

    }); 

    window.setInterval(slideClick, 9000); 
}); 

function slideClick() 
{ 
    $(".slide").click(); 
} 
</script> 

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

EDIT: Причина это не будет работать, потому что в моем примере вы должны изменить $ для JQuery, потому что ваш JQuery настроен таким образом Однако, обратите внимание на:

if ($active.length == 0) $active = jQuery('#slideshow span:last'); 

изменения остальной части функция после этой строки:

var $next = $active.next().length ? $active.next() : jQuery('#slideshow span:first'); 
$active.addClass('last-active'); 
$active.fadeOut(500, function(){ 
    $next.addClass('active').fadeIn(500); 
});