- ベストアンサー
※ ChatGPTを利用し、要約された質問です（原文：海外サイトで公開されているjavascriptについて）
海外サイトで公開されているjavascriptの利用方法について
このQ&Aのポイント
- 海外サイトで公開されているjavascriptの利用方法について質問です。具体的には、http://www.gmarwaha.com/jquery/jcarousellite/index.php に公開されているカルーセルサムネイルを導入したいと思っています。導入方法を調べて実行してみましたが、ファンクションコールがうまくいかないことに困っています。どのように記述すればいいでしょうか？
- また、http://www.gmarwaha.com/jquery/jcarousellite/index.php でダウンロードするjavascriptファイルの命名規則についても確認したいです。
- 問題のポイントが特定できずに困っていますので、アドバイスをいただけると助かります。
- ataru2
- お礼率72% (16/22)
- JavaScript
- 回答数1
- ありがとう数0
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
ステップ3はjQueryの書き方の問題だと思うので たとえば、 http://www.mikage.to/jquery/jquery_basic.html の「HTMLとコードの分離」 というところが参考になるのではないでしょうか？ jquery.jcarousellite.pack.js はそのまま使って良いと思います。 もちろん、その分 <script type="text/javascript" src="path/to/jcarousellite.js"></script> は <script type="text/javascript" src="path/to/jquery.jcarousellite.pack.js"></script> のように直さないといけないと思いますが。 でも、自分は遅くても良いからコードを読みたいので jquery.jcarousellite.jsの方をダウンロードするだろうな、と思います。
補足
お忙しい中大変参考になるアドバイスありがとうございます。 Jqueryというものがどのように使うものなのか分かり、興味がわきました。 が、質問させて頂いた内容についてはまだ解決できず仕舞です;; 以下の手順に何か問題があるのでしょうか？ ・jsファイルをアスキーでアップロードする ・html内にて、htmlファイルと同階層のjsファイルを読み込む <script type="text/javascript" src="jquery-latest.pack.js"></script> <script type="text/javascript" src="jquery.jcarousellite.pack.js"></script> ・htmlにカルーセル部分を書く <button class="prev"><<</button> <button class="next">>></button> <div class="jCarouselLite"> <ul> <li><img src="./img/img1.gif" alt="" width="150" height="118"></li> <li><img src="./img/img1.gif" alt="" width="150" height="118"></li> <li><img src="./img/img1.gif" alt="" width="150" height="118"></li> </ul> </div> ・javascript部分をhtml内に書く <script type="text/javascript"> $(function() { $(".jCarouselLite").jCarouselLite({ btnNext: ".next", btnPrev: ".prev" }); }); </script> 教えて頂いた$(function(){})の使い方について、jcarousellite.jsファイルの末尾に入れたりHTMLに入れたりと試みるものの、動きません。 勉強不足で恐縮なのですが、お気づきの点がありましたらご指摘頂けると嬉しいです。 まずはアドバイス頂いた件、ありがとうございました!