SafariでJqueryが動きません
JqueryのEasySliderという横に画像がスライドさせる機能を導入したく、
ホームページを制作しています(WORDPRESSではありません)。
IE、FireFoxでは動作確認が出来るのですが、Safariだけ(OS LION、Iphone、Ipad)動作がしません。
また、Iphoneのデバッグコンソールを使ってエラーチェックをしてもエラーが表示されません。
何の問題が生じているのか教えて頂けたら幸いです。
JavaScriptの知識はほとんどありません。
一から制作したことはなく、いつもダウンロードしたものをそのまま使用しています。
サイトを検索した限り、原因は多分タグか何かが足りないのではとは思うのですが…何がたりないのかが分からない状況です。
■動かないときの現象
スライドの画像がNEXTボタンをクリックしても、
一枚目の画像が固定されたまま、他の画像にスライドされません。
■EasySliderのバージョン
easySlider1.7.jsを使用しています。
■HTMLソース
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="content-style-type" content="text/css" />
<meta http-equiv="content-script-type" content="text/javascript" />
<title>★☆</title>
<link href="../css/styles.css" rel="stylesheet" type="text/css" />
<link href="../★☆/css/screen.css" rel="stylesheet" type="text/css" />
<link href="★☆.dwt" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">google.load("jquery", "1.5");</script>
<script type="text/javascript" src="../▼▼/js/easySlider1.7.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#slider').easySlider({autoPlay: false,
autoPlayInterval: 5000,
autoPlayReverse: false,
effect: 'slide',speed: 800,showButtonBar: false});
});
</script>
色々検索で現象を調べたり他のJSを入れてみたりと策を講じてみましたが、
本当に困っています…(>_<)。他にも必要な情報があらば教えて下さい!
お礼
guragura77さん ありがとうございました。 別にフォルダでダウンロードされる訳では無かったのですね。 勉強になりました。