carousel（）を外部のjavascript関数をhtmlファイルに呼び出す方法はありますか？

は、どのように私は、HTMLファイル内carousel（）を外部のjavascript関数をhtmlファイルに呼び出す方法はありますか？

カルーセル（）

外部Javaスクリプトファイルの関数を呼び出すことができますか？これは写真の自動スライドショーです。どのようにこのJavaスクリプト関数はHTMLファイルに呼び出す、スライドショーの表示と自動的に実行する？また、短時間で写真が変わる。

var slideIndex = 0; 
 
carousel(); 
 

 
function carousel() { 
 
    var i; 
 
    var x = document.getElementsByClassName("slides"); 
 
    for (i = 0; i < x.length; i++) { 
 
     x[i].style.display = "none"; 
 
    } 
 
    slideIndex++; 
 
    if (slideIndex > x.length) {slideIndex = 1} 
 
    x[slideIndex-1].style.display = "block"; 
 
    setTimeout(carousel, 2000); // Change image every 2 seconds 
 
}

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
 
"http://www.w3.org/TR/html4/loose.dtd"> 
 
<html> 
 
<head> 
 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 
 
<title>PUCIT</title> 
 
<script type="text/javascript" src="js.js"></script> 
 
<link rel="stylesheet" type="text/css" href="style.css"> 
 
</head> 
 

 
<body> 
 
<div id="slideshow" > 
 
    <img class="slides" src="pic1.jpg"> 
 
    <img class="slides" src="pic3.jpg"> 
 
    <img class="slides" src="pic4.jpg"> 
 
    <img class="slides" src="pic5.jpg"> 
 
    <img class="slides" src="pic2.jpg"> 
 
</div> 
 
    
 
</body> 
 
</html>

出典

2016-12-30 Madiha

what/whereまったく問題はありますか？ – Dekel

ようこそスタックオーバーフロー！ [ask]をお読みください。重要なフレーズ：「検索と研究」と「あなたがそれを自分で解決することを妨げた困難を説明する」 –

私はjs.js）は、カルーセルが含まれている問題のファイル、（あると仮定します。

あなたがHTMLにファイルが含ま道：

<script type="text/javascript" src="js.js"></script>

は、htmlファイルと同じフォルダにあることが持っていることを意味。

関数を実行するために必要なのは、それを呼び出すことだけです。タグを閉じる前にこのコードを入力してください：

<script type="text/javascript"> 
    carousel(); 
</script>

出典

2016-12-30 22:20:08 linderman

ありがとう、それは動作します – Madiha

carousel（）を外部のjavascript関数をhtmlファイルに呼び出す方法はありますか？

答えて

関連する問題