• 締切済み

jqueryのプラグインについて

現在、webサイトにjquery.lazyload.jsを導入しようとしていますが、 firefoxでブラウザサイズが小さいと、左右にガタガタ動いて、ブラウザが 止まってしまいます。 どなたかjquery.lazyload.jsについて解決方法を教えてください。 宜しくお願いいたします。 参考url http://www.skuare.net/test/jLazyLoad.html

みんなの回答

  • yyr446
  • ベストアンサー率65% (870/1330)
回答No.1

ご提示の参考urlのページがよくないのでは? 本家「lazyload」 http://www.appelsiini.net/projects/lazyload のデモページだとfirefoxでブラウザサイズが小さくても左右ガタガタしませんけど。 http://www.appelsiini.net/projects/lazyload/enabled_fadein.html とか

hunter_999
質問者

補足

失礼致しました。確かに本家のプラグインはしませんね。原因が全くわからない…

全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

  • JQueryのプラグインに関して

    どなたかご存知の方、どうかご回答をお願い致します。 下記参考URLをご覧下さい。 JQueryのプラグインまたはCSSなどで参考のページを作成したいと思います。 はじめに、表示する画像はフルスクリーン表示、そして左上にある、メニューを配置して メニューごと画像が切り替わる。 最後に左右→を表示して切り替えできる。 上記の内容に近いもので、JQueryのプラグインまたCSSなどで出来るのでしょうか。 ネットで毎日調べていますが…なかなか見つからずで…こちらにたどりつきました。 お手数ですがどうぞ宜しくお願い致します。 ※backgroundは静止画を導入します。 参考URL https://www.facebook.com/paper

  • jqueryのプラグインdroppy.jsについて

    WEBデザイン初心者です。 グローバルナビ部分を、ドロップダウンリストにしたいなと思い、jqueryで実装しようと思っています。 調べてみたところ、よく使われているプラグインにdroppy.jsというものがありましたが、 どの紹介サイトでもjQueryのサイトにリンクされています。 ただ、そこから、ダウンロードファイルが見つかりません。 もしかして、jQueryサイトでは取り扱わなくなったプラグインなのでしょうか。 あまりにもdroppyの事例が多いので、できれば導入したいのですが、分かる方いれば、よろしくお願いします。

  • 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>

  • WordPressでjQuery-UIの使い方

    WordPressでjQuery-UIの使い方を教えてください。 現在、WordPressで作ったサイトにフローティングメニューを取り入れたいと思っています。 フローティングメニューを入れるにあたり、jQuery-UIを読み込まなければならないのですが ちゃんと読み込まれていないようです。 WordPressではなくテストでサイトを作り、読み込ませるとちゃんと動作するので、 WordPress特有の問題かと思います。 WordPressでjQuery-UIを読み込ませる方法を教えてください。 下記に参考にしたサイトと、ソースを記述しました。 -------WordPressのヘッダ内の記述と参考にしたサイト------- <?php wp_deregister_script('jquery.ui.core.min'); wp_enqueue_script('jquery.ui.core', get_bloginfo('template_url') . '/js/jquery.ui.core.js'); ?> wp_deregister_scriptでWordPressのjquery.uiを見に行かないようにして、 wp_enqueue_scriptでダウンロードしてきたUIを見に行くようにしてあります。 参考にしたサイト(jQuery-UI) http://d.hatena.ne.jp/deeeki/20090907/wp_enqueue_jquery_ui フローティングメニューについて参考にしたサイト http://www.skuare.net/test/jScrollFollow.html

    • ベストアンサー
    • PHP
  • 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
  • jQueryのプラグインについて

    jQueryとプラグインのscrolltopcontrol.jsを使って、トップへ戻す操作をしています。 scrolltopcontrol.jsの操作ボタンは、img src、style と offsetx offsety で、指定しますが、 デファクトでは、右下になっています。 画面サイズにかかわらずボタン位置を、左右は画面中央で、上下は画面下よりのピクセルで配置するには、どういう指示が良いのでしょうか? ぜひ、教えてください。 よろしくお願いします。 参考: http://iuser.jp/webjin/archives/2009/11/jquery-scroll-to-top-control.html 関係していると思われる部分: controlHTML: '<img src="image/scrollup.gif" style="width:84px; height:16px" />', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol" controlattrs: {offsetx:10, offsety:5}, //offset of control relative to right/ bottom of window corner 以上

  • jQuery

    http://bmath.org/wordpress/?p=663 上記を参考にWEBページをつくってみたのですが、上手くいきません。 javascript部分をhtmlの <script type="text/javascript" src="js/site.js"></script>にいれたからでしょうか? また、jsフォルダは<script type="text/javascript" src="js/jquery.scrollTo-min.js">ではなく、jquery.scrollTo-1.4.3.1を使っています。 よきアドバイスお願いします。

    • ベストアンサー
    • CSS
  • Jqueryのプラグインについて

    下記参考サイトのように、 ページ右端にタブのような形で告知を表示させたいと思っております。 ※「レビュー対象」という告知  参考URL:http://www.rakuten.ne.jp/gold/askashop/ Jqueryのプラグインにて、似たような事が可能でしたら ご教授いただきたいです。 よろしくお願い致します。

    • ベストアンサー
    • CSS
  • jQueryのプラグインについて

    URLの構成要素を参照できるこちらのプラグインについて質問させてください。 デモページにあるようなものをクリックイベント無しで、指定クラスの特定要素(liやdivなど)の中にquery情報を落とし込むにはどうしたらいいでしょうか? URL http://www.cyokodog.net/blog/parse-url-doc/ デモページ http://www.cyokodog.net/jquery.utility-kit/parse-url/demo.html (例) URL https://test_site.jp/?test_category01=%e3%83%86%e3%82%b9%e3%83%881%e3%81%ae%e3%82%ab%e3%83%86%e3%82%b4%e3%83%aa%e3%83%bc&test_category02=%e3%83%86%e3%82%b9%e3%83%882%e3%81%ae%e3%82%ab%e3%83%86%e3%82%b4%e3%83%aa%e3%83%bc&test_category03=%e3%83%86%e3%82%b9%e3%83%883%e3%81%ae%e3%82%ab%e3%83%86%e3%82%b4%e3%83%aa%e3%83%bc ↓ 結果 <li class="test">テスト1のカテゴリー</li> <li class="test">テスト2のカテゴリー</li> <li class="test">テスト3のカテゴリー</li> 何卒、よろしくお願いします。

  • 【JQuery】iframeのリンク先変更、jquery_dump

    JQueryの勉強を始めたのですが、うまくいきません。2点ご質問させていただきます。もしわかる方がいらっしゃれば教えてください。 1.下記のように、javascriptで動的にiframeのリンク先を変更したいのですが、エラーが出て処理が成功しません。  javascript(jquery?)ではiframeのリンク先を変更することはできないのでしょうか。  (また、jqueryオブジェクトについての詳細なメソッドや使用方法など がのっているサイトなどあれば教えていただきたいです。)  ///////javascript////////// <script type="text/javascript" src="shared/js/jquery.js">  function test(url)  {   // urlにはhttp://yahoo.co.jpなど、urlが入る   $("#ifr").set("src",url);  } </script>  ///////html//////////  <iframe id="ifr" src="" height=768 width=512>  </iframe> 2.jquery_dumpというphpのvar_dumpのような便利な関数があるようなのですが、私がサイトからダウンロードしたものには入っていませんでした(not definedが出ます)。これは、プラグインなどJQuery本体と別のものを導入する必要があるのでしょうか。