サンプルと同じに入力、動作はしているけれども動きが変?

前提・実現したいこと

J Query 仕事の現場でサッと使える!デザイン教科書
技術評論社　978-4-7741-7273-6で検索してサポートページに入って貰いたい。
3-04　画像の自動切り替えを練習していました。
サンプルと同じに入力は出来ていると思う。誤った原因が判らないので教えてほしい

発生している問題・エラーメッセージ

動作はしているけれども、動きが変?
エラーメッセージ
特になし

該当のソースコード

<!--[if gte IE 9]><!-->
<script src="http://code.jquery.com/jquery-2.1.3.min.js"></script>
<!--<![endif]-->
<script src="js/libs/jquery.easing.1.3.js"></script>

上記で記載していたものを下の最新に交換しただけです。

<script src="plug in/jquery-3.3.1.min.js"></script>
<script src="plug in/jquery.easing.1.3.js"></script>

ソースコード

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="GENERATOR" content="JustSystems Homepage Builder Version 20.0.1.0 for Windows">
<title>ただいま練習中</title>
<script src="plug in/jquery-3.3.1.min.js"></script>
<script src="plug in/jquery.easing.1.3.js"></script>
<script>
$(function(){
	function photoChange(target){
		var items = target.find('li');
		var current = 0;

		function open(){
			$(items[current]).fadeIn(1200, 'easeInQuad' , function(){ setTimeout(change, 1500); });
		};

		function close(){
			$(items[current]).fadeOut(1200, 'easeOutQuad');
		};

		function change(){
			close();
			current = ++current % items.length;
			open();
		};

		open();
	};

	photoChange($('#photolist'));

});
</script>
</head>
<body>
<ul id="photolist">
	<li><img src="Exhibition/IMG_2033.jpg"></li>
	<li><img src="Exhibition/IMG_2051.jpg"></li>
	<li><img src="Exhibition/IMG_2052.jpg"></li>
	<li><img src="Exhibition/IMG_2066.jpg"></li>
	<li><img src="Exhibition/IMG_2069.jpg"></li>
	<li><img src="Exhibition/IMG_2079.jpg"></li>
	<li><img src="Exhibition/IMG_2081.jpg"></li>
	<li><img src="Exhibition/IMG_2083.jpg"></li>
	<li><img src="Exhibition/IMG_2085.jpg"></li>
	<li><img src="Exhibition/IMG_2087.jpg"></li>
	<li><img src="Exhibition/IMG_2089.jpg"></li>
	<li><img src="Exhibition/IMG_2091.jpg"></li>
</ul>
</body>
</html>

試したこと

勉強のため、本から入力していたものの、動きが変。
画像サイズが大きすぎるのかまた枚数も多すぎるのか。
原因を追究しているとどうも上手く表示出来ない様子
全て読み込んでから上と下を交互表示してフェードイン・アウトしている。
(var items = target.find('li');が動作していない様子)

補足情報（FW/ツールのバージョンなど）

写真は12枚　パソコンの中にあるものに変更して試して貰いたいです。
大きさは691×389　windows 10

ここにより詳細な情報を記載してください。
動作が変の内容動画
リンク内容
エラーは、出ていないです。ホームページビルダーだからでしょうか?

y_waiwai

2018/05/03 09:23

動きが変とはどうなるんでしょうか。また、正常な動きとはどうなるんでしょう

m.ts10806

2018/05/03 09:33

ソースコードはコードブロック```で**囲って**ください（わからなければコード部分を選択して<code>ボタンを押すと確実です）またエラーなど出ていないか確認してください（ブラウザ開発ツールのコンソールを確認）。jQueryファイルの本体やプラグインのファイルを読み込むような記述がありますが、指定した場所にそのファイルは存在するのでしょうか？「教本の通りに一字一句間違いなく打つ」ということが目的となってしまっては問題は解決しませんし、成長にもつながりません。