sliderが動かない

Question

実現したいこと

現在、複数のJqueryを設置したサイトを作っています。
imadokino.com

Sliderを設置したところ、ローカルでは動作するのですが
サーバーにアップするとエラーになり、警告が出ます。
設置したい場所

複数のJqueryを設置していることが原因なのかと調べてみたのですが、
初心者のためどうしても解決策が見つからず、
質問させていただきました。
どうぞよろしくお願いいたします。

該当のソースコード

		$('#slides').slides({
			preload: true,
			preloadImage: 'img/loading.gif',
			play: 5000,
			pause: 2500,
			hoverPause: true,
			animationStart: function(current){
				$('.caption').animate({
					bottom:-35
				},100);
				if (window.console && console.log) {
					// example return of current slide number
					console.log('animationStart on slide: ', current);
				};
			},
			animationComplete: function(current){
				$('.caption').animate({
					bottom:0
				},200);
				if (window.console && console.log) {
					// example return of current slide number
					console.log('animationComplete on slide: ', current);
				};
			},
			slidesLoaded: function() {
				$('.caption').animate({
					bottom:0
				},200);
			}
		});
	});

警告の内容

Uncaught TypeError: $(...).slides is not a function

Sliderの参照元

参照元
ずいぶん前にダウンロードしたもので参照サイトが見つからなかったため、自分でアップしました。

Comments

[kei344]

（質問文は編集できます）「slider」はjQueryには無いメソッドなので、何らかのプラグインを使用していると思うのですが、それを質問文に追記してください。（わかるのであればプラグイン／ライブラリの公式配布サイトのURLか、参考にしたページのURLを追記してください）

[sayaka0624]

ご指摘、ありがとうございます！参考にしたものをアップさせていただきます。

Answer 1

複数のJqueryを設置していることが原因なのか

そのとおりです！

解決策が見つからず

jQueryをひとつにしましょう！

Comments

[sayaka0624]

ありがとうございます！jQueryを見直すことで解決しました！