2013-08-26 79 views
0

忍耐與我,我不是一個程序員。我有一個來自廣場的template based site,幻燈片放映不好。股票滾動速度過快。所以我關閉了設置中的自動播放。我的jquery幻燈片不能正常工作

我能夠添加jquery/java/html/css,但我不能改變現有的代碼。任何人都有關於如何使這個幻燈片正常工作的建議?

下面是我添加使它播放/淡入淡出,但它真的快如虎添翼。

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

請提供完整的jsfiddle –

+0

什麼?這是我所添加的。我不知道如何找到整個代碼。 –

回答

0

試試這個也許? 確保jQuery是包含在頁面的頂部(我主持我的自己,但你也許可以得到谷歌主辦)它看起來是這樣的:

<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> 

這將只停留在同一張幻燈片上,因此您必須添加代碼才能轉到下一張幻燈片,因爲您沒有提供足夠的代碼,所以我無法猜測要執行什麼操作。

編輯: 的原因,它不會工作,是因爲在我的例子中,你將不得不改變的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); 
}); 
+0

它仍然沒有在我的網站上工作,但它可能對別人有效。 –

+0

這就是爲什麼代碼應該在jsfiddle.net中發佈的原因,我們可以提供一個工作示例,其中包含來自您網頁的代碼。你可以在firefox中使用類似firebug的東西來提取源代碼,然後發佈相關的代碼。 –

+0

也檢查編輯 –