- 締切済み
現在HPを制作中で、ｊQueryプラグインのCross-Slideとい
現在HPを制作中で、ｊQueryプラグインのCross-Slideというものを使用しています。 ローカルフォルダから、ブラウザで確認するときちんと動作しているのですが、サーバーにアップロードするとまったく画像が表示されません。 なぜでしょうか・・
- hoshizaki1101
- お礼率0% (0/1)
- JavaScript
- 回答数1
- ありがとう数3
- みんなの回答 （1）
- 専門家の回答
みんなの回答
- 神崎 渉瑠（@taloo）
- ベストアンサー率44% (1016/2281)
なぜだと思いますか？
関連するQ&A
- jQueryプラグインの併用について
jQueryプラグインの併用について 失礼します、WEB制作初心者です。 現在jQueryのプラグインであるcolorboxを使用し、 以下のように外部ファイル（PHP）を読み込んでいます。 $(document).ready(function(){ $("#inline").colorbox({ contentWidth:"500px", contentInline:"#inline-content" }); }); この際、読み込んだPHP内で同じくjQueryプラグインである FlexPlayerをお借りして、音楽を再生しようとしたのですが・・・ 個別では動作するものの、併用すると外部ファイルが読み込まれた後、 プレイヤーの表示がされるだけで、再生ボタンを押しても反応がない状態です。 情けない話ですがリファレンス等を見ても自力では解決できず 悩んでいたので、こちらでお伺いすることにした次第です。 これらのプラグインは同時に使うことはできないのでしょうか、初心者丸出しの 質問で申し訳ないですが、参考になるページだけでも教えてもらえたら幸いです。
- ベストアンサー
- JavaScript
- JQueryのプラグインに関して
どなたかご存知の方、どうかご回答をお願い致します。 下記参考URLをご覧下さい。 JQueryのプラグインまたはCSSなどで参考のページを作成したいと思います。 はじめに、表示する画像はフルスクリーン表示、そして左上にある、メニューを配置して メニューごと画像が切り替わる。 最後に左右→を表示して切り替えできる。 上記の内容に近いもので、JQueryのプラグインまたCSSなどで出来るのでしょうか。 ネットで毎日調べていますが…なかなか見つからずで…こちらにたどりつきました。 お手数ですがどうぞ宜しくお願い致します。 ※backgroundは静止画を導入します。 参考URL https://www.facebook.com/paper
- ベストアンサー
- JavaScript
- jQueryスライドプラグイン
jQueryスライドプラグイン FLASHを使用せずにjQueryのプラグインで以下のような表現は可能でしょうか？ http://www.starcat.co.jp/ 以下が実現したいです。 ・メイン画像がフェードまたは、スライドで切り替わる ・メイン画像クリックで別のページへリンク ・サムネイルクリックでメイン画像が切り替わる ・ランダムで表示できる ・自動で遷移する。
- 締切済み
- JavaScript
- WordPressのプラグインとjQueryのそれ
jQueryの存在を知り、WordPressでスライド画像表示なんかが簡単に実現できることを知りました。さらには、WordPressのプラグインとして直接実装も可能なようですが、両方可能な場合、どちらを選べばよいのでしょうか？ Nivo Slider, ColorBox, FancyBoxを手始めに候補としています。 例えば、jQueryプラグインとして実装したほうが重くならない、などといった違いがあるのでしょうか？比較しつつ教えていただけると助かります。
- ベストアンサー
- ブログ
- jqueryプラグインの設置方法
すみません、超初心者です。 コチラのサイト（http://laquu.com/plugin/innerslide/demo）の「インナースライド」プラグインを導入したいのですが、カーソルを載せてもピクリとも反応しません。 自分で書いたソースはこんな感じです.↓ <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script type="text/javascript" src="../jquery.laquu.custom-65049.js"></script> <script> jQuery(function(){ laquu("#innerslide1").innerSlide(); }); </script> <body> <div class="innerslide-panel"> <div id="innerslide1"> <p>カーソル載せる</p> <div class="laquu-innerslide"> スライドする内容 <!-- End laquu innerslide --></div> <!-- End innerslide1 --></div> <!-- End innerslide panel --></div> </body> ちなみに今はサーバーにはアップロードしておらず、完全にローカルでプレビューしています。 もしかして.jsファイルをサーバーにアップロードしなくては動かないのでしょうか？？？ 無知で申し訳ありません、ご回答宜しくお願い致します。
- 締切済み
- JavaScript
- FC2のHPでjQueryの設置ができない
FC2のHPでボタンを押すと画像が次々に送られていく一般的なスライド型のjQueryを設置しようとして、参考サイトの通りにソースにプラグインを記述/コピペしたのですが、確認すると、スライド動作が実装されず、ページにただ画像が縦並びになっただけのエラー画面になってしまいます。 解決方法を自分なりに調べて色々試してみましたが、何度やってもダメでした。 行き詰まって先に進めないので、どなたか設置方法を切にお願い致します。 ちなみにタグ類は少しなんとなくわかる程度の初心者なので出来る限り具体的に教えて下さると有り難いです。 <head>と<body>にそれぞれ記述するものを参考サイト通りに入れていったはずなのですが。。 以下に現在打ち込んでいるソースを載せましたので、記述が足りていない／間違っているなど、ありましたら指定して下さい。。 jQueryは現在最新バージョンの【1.10.2】バージョンをFC2ディレクトリにアップロード済みなので一部書き換えなどしてあります。 画像パスが上手くいってないのでしょうか。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html lang="ja"> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script type="text/javascript" src="js/jquery.flexslider-min.js"></script> <script type="text/javascript"> $(window).load(function() { $('.flexslider').flexslider({ animation: "slide" }); }); </script> </head> <body style="background-color: rgb(139, 139, 139); color: rgb(0, 0, 0); "> <p> </p> <div class="flexslider"> <ul class="image"> <li> <img src="image/1128355_m.jpg" /> <p class="flex-caption">画像1のキャプション</p> </li> <li> <img src="image/2661080_m.jpg" /> <p class="flex-caption">画像2のキャプション</p> </li> </ul> </body> </div> </html> ーーーーーーー それぞれの動作の意味など細かいところまではわかっていません… プラグインを入れてあるファイルの場所にも問題があるのでしょうか… ちなみにライトボックスの設置には成功したのですが、ファイルの保存先が違うだけでも動作しないような気がしましたので。 あとFC2では構造上、jQueryが元々使用出来ないような記事を見かけたのですが、他のFC2ユーザーの方は出来ているようなので大丈夫ですよね… すごく初歩的な事かと思いますが、何卒宜しくお願いします。。 後々補足から回答者様に再度質問させて頂く事もあるかも知れません。
- ベストアンサー
- JavaScript
- HP制作王９でHP作成したのですがアップロード出来ないんです・・・
HP制作王９でHPを作ったんですけど、画像で保存されていてページアップロードができない。(アップロード先は忍者HP)
- ベストアンサー
- Windows XP
- jQueryプラグイン、サーバー上だと動かない。
こんにちは。 このたび制作しているWEBサイトにjQueryプラグインのprettyphotoを実装したいのですが、ローカルの環境では問題なく動いてくれるのですが、サーバーにアップしたとたんにエラーがでてしまいまったく動いてくれません。 <head>内のスクリプトの記述は <script src="js/libs/modernizr-2.0.6.min.js"></script> <script src="js/prettyphoto/js/jquery-1.6.1.min.js"></script> <script src="js/prettyPhoto/js/jquery.prettyPhoto.js"></script> <script type="text/javascript" charset="utf-8"> $(document).ready(function(){ $("a[rel^='prettyPhoto']").prettyPhoto({theme:'light_rounded'}); }); </script> という感じです。 ※そのほか直前にprettyphotoのCSSは読み込んでおります サーバーにアップしたページのソースをみてみるとCan't find variable:$というメッセージがでていたのでプラグインの記述を (function($){ // $(document).ready(function(){ $("a[rel^='prettyPhoto']").prettyPhoto({theme:'light_rounded'}); }); }(jQuery)); // にしてみてもCan't find variable:jQueryというメッセージがでてきてしまいます。 こちらもともとテンプレートであったサイトを改変しているものなので、このほかHTML後半部分にもいろいろjavascriptの記述があります。以下となります。 <script>window.jQuery || document.write('<script src="js/libs/jquery-1.7.1.min.js"><\/script>')</script> <script type="text/javascript" src="js/jquery.easing.1.3.js"></script> <script type="text/javascript" src="js/jquery.easing.compatibility.js"></script> <script type="text/javascript" src="js/jquery.validate.pack.js"></script> <script type="text/javascript" src="js/cycle/jquery.cycle.all.latest.js"></script> <script type="text/javascript" src="js/jquery.tweet.js"></script> <!-- super fish js include --> <script type="text/javascript" src="js/superfish/js/superfish.js"></script> <script type="text/javascript" src="js/superfish/js/hoverIntent.js"></script> <script defer src="js/plugins.js"></script> <script defer src="js/script.js"></script> レイアウトが崩れないようひとつひとつとりはずしてみたのですがprettyphotoは動いてくれませんでした。 またパスが間違っていないかも何度もチェックはしたつもりです。 本当に困っているのですが、このような時どうやって原因を探していけばよいのか、何かアドバイスを いただけたらと思い投稿させていただきました。 当方、WEB制作初心者のため、見当はずれなことを訊いていましたらご容赦ください。 どうぞよろしくおねがいします。
- ベストアンサー
- HTML
- prototype+jquery+プラグイン
prototype.jsとjqueryとプラグイン系の読み込み方が良くわかりません。 クロスブラウザ対応のMP3プレイヤーを導入したく追加したのですが 順番を並べ変えたりいろいろしましたが導入する事ができずにこまっています。 何かいい方法はないでしょうか？ エラーの内容も順序によって様々です・・・・ <script type="text/javascript" src="prototype.js"></script> <script type="text/javascript" src="lightbox.js"></script> <script type="text/javascript" src="lightbox_shortcut_keys_addon.js"></script> <script type="text/javascript" src="slide3/script/jquery-1.2.2.js"></script> <script type="text/javascript" src="jquery.cycle.all.js"></script> <script type="text/javascript" src="jquery.easing.1.3.js"></script> <script type="text/javascript" src="jquery.jcarousel.pack.js"></script> <script type="text/javascript"> jQuery.noConflict(); var $j = jQuery; </script> 以下追加===================================================== <script type="text/javascript" src="jquery-1.4.2.js"></script> <script type="text/javascript" src="jquery.compat-1.3.js"></script> <script type="text/javascript" src="jquery.jplayer.min.js"></script> <script type="text/javascript"> jQuery.noConflict(); var $j = jQuery; $j(document).ready(function(){ $("#mp3").jPlayer(); }); </script>
- 締切済み
- JavaScript
- jQueryプラグインをスマホに対応させない方法
いつもお世話になります。 レスポンシブＷＥＢデザインでサイト制作を行っております。 使用しているjQueryプラグインを、PCのみで動作させ、スマホやタブレットでは 動作させない方法を探っています。 具体的には、jQuery「cluetip」というツールチップで吹き出しを設置。 PCには吹き出しが出て、タブレット・スマホでは吹き出しを出さないという仕様です。 関連するscriptを読み込む記述の後、吹き出しを出すスクリプトで、 <script type="text/javascript"> $(function () { $('a.sticky').cluetip({ splitTitle:'|', sticky:true, closePosition:'bottom', cluetipClass:'jtip' }); }); </script> という記述を行っています。 961px以上で動作させて、960px以下は動作させないというのが希望です。 経験のある方、いらっしゃいましたらご教授頂ければ幸いです。 よろしくお願いします。
- ベストアンサー
- JavaScript
