java jqueryを使った画像の自動スクロールするテキストの作り方

初めまして。html cssは習得したのですが、java jqueryがわかりません。htmlテキストに一緒に記述しても良いのでしょうか？
以下のように記述したのですがうまく画面が表れません。
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11 …
<script type="text/javascript" src="infiniteslide.js"></script>



<ul>
<li><a href="http://www.dataplan.jp/"><script type="text/javascript">
$(function(){
$('#main_slide').infiniteslide();
}); 'height': 400, // 高さを指定
'speed': 130, // スピードを指定
'direction' : 'left', // スライドする向きを指定
'pauseonhover': false // マウスオーバーでストップするかを指定
});
});
</script>
<img src="images/00ccc250f372fef13cebe6480febe222_s.jpg" alt="" /></a></li>
<li><img src="images/64013dd25a44c8f5a4f7a4817a250cc0_s.jpg" alt="" /></li>
<li><img src="images/b5499c01c8ce1822d504bfb4317d8bd8_s.jpg" alt"" /></li>
<li><img src="images/cd1c7ccec442b51fb3de581e0c0e5cb0_s.jpg" alt"" /></li>
</ul>
</div>


</div>

No.1 回答者： fujillin 回答日時： 2017/02/01 09:59

こんにちは

ご利用なさっているinfiniteslideって存じませんが、これ（↓）のことでしょうか？
https://github.com/woodroots/infiniteslide

もしそうなら、オプション設定のところがスクリプトの構文エラーになっているのではないかと思います。（サンプルと比較してみてください）

上記ページの「使い方」にサンプルがあるので、まずはそのままコピペして動作することを確認してみてはいかがでしょうか？
そこから少しずつ修正していけば、もし動作しなくなったら、直前に行った修正が怪しいとわかります。

この回答へのお礼

ありがとうございます。参考にしてトライしてみます。

お礼日時：2017/02/01 15:33