いつもためになる記事をありがとうございます。このスライダーについてお聞きしたいことがあり、コメントさせて頂きました。読み込んでいる間は初めの内容のみか、または何も表示させないようにするにはどうすれば良いのでしょうか。お忙しい中すいませんが、教えて頂けると助かります。加藤さん、はじめまして!コメントありがとうございます。記事読んでくれてうれしいです。スライド内容が縦に全部表示されるとのことですが、jquery.slider.cssは読み込んでいますか?試した限りでは特に縦には表示されませんでした...。引用Sinpaku様お返事ありがとうございます!jquery.slider.cssは読み込んでいるのですが、私の環境ではページを開いた瞬間に縦にズラリと表示されてしまいました。教えて頂いたdisplay:noneを指定する方法で解決しました。助かりました!親切にどうもありがとうございました!これからも記事を楽しみにしています。されてよかったです!こちらこそブログ読んで頂きありがとうございます。役立つ記事が書けるよう、これからも頑張ります!今後ともよろしくお願いします。xpbbsと申します。画像は一枚しかない時に表示しません。なんか修正する方法あるでしょうかお忙しい中すいませんが、宜しくお願い致します。つければ一応表示されるようになるかと思います。根本的な解決にはなってないかもしれませんが、画像が一枚だけと決まっているのでしたらこちらが簡単でいいかなと思います。引用ありがとうございました。1時間ほどでサイトに設置することができました。今から食事の用意、今夜はさんまの塩焼きです。これからもステキなプラグイン教えてください。引用こちらこそブログ読んでくれてありがとうございます。さんまの塩焼き美味しいですよね。僕もよく食べますよ!今後ともよろしくお願いします。初めまして!junと申します。トップページのスライダーでいいものを探していて、たどり着きました。使わせていただこうと組み込んでみました。画像の左上と右上に丸い矢印(>>)がありますが、(次の画像や、前の画像を表示させるリンク部分)この丸い部分がIE8ですと、正方形になってしまいます。枠もデザインがきいていない、黒いただの線で、なんだかダサい感じなのです。四角(■こんな感じです)で表示されています。クロームではばっちりなのですが。試に、jquery-1.7.2.min.jsと、jquery.slider.min.js、jquery.slider.css以外何も読み込ませていないページで確認してみましたが、変わりませんでした。何か良い方法など思いつかれますでしょうか?お手数をおかけしてすみません。引用junさん初めまして、こんにちは!スライダー参考にしてくれてうれしいです。スライダーの上部の矢印と下部の黒丸の件ですが、どちらも画像ではなくCSSで実装されています。IE8で四角になるということはCSS3のborder-radiusやbox-shadowが対応されていないことが原因です。IE8でもこれらのプロパティを対応させる必要があるかと思います。PIEなどいくつかあると思うのでお好きなものを選んで使ってみてはいかがでしょうか。素早いご回答、ありがとうございます!とても助かります。教えていただいたツールを調べて実装してみようと思います。画像がスライドせずに、3つ縦に並んで表示されてしまいました。僕もIEの確認はIETesterで試してますよ!試した限りではIE9でも問題なく動作しました...。引用ご返答ありがとうございます。IE9で動作しましたか・・・うーん、僕の環境ではなぜだめなんでしょう。解決できたら、また書き込みしますね。引用こんにちは、junです。IE9での対応の件ですが、無事に動作しました!IETesterでのie9の確認では、どうしても動作しないため、IE自体を8⇒9にアップグレードして確認しました。結果、きれいに動作しています。お騒がせして、すみませんでした。あ、あとPIEも使用したところ、ダサイ感じが洗練された見た目になりました。引用junさん、こんにちは!IE9対応の件、無事動作できてなによりです!PIEもうまくいってよかったです!こちらこそブログ参考にして頂きありがとうございました。今後ともよろしくお願いします。いつもためになる記事をありがとうございます!こちらのスライダーも解説をもとに無事設置することができたのですが、ひとつ教えていただきたいことがあります。すると、ブランクになってしまいます。端のスライドの場合はナビをクリックしてもスライドしないようにはできないでしょうか。何か対策があれば教えていただけますと幸いです。引用esさん、はじめまして。記事参考にしていただきありがとうございます!確認してみたところ、確かに現在表示されているナビをクリックすると真っ白のページが流れてきますね...。現在表示されているナビにはクラス名「jquery-slider-page-current」が自動で付くので、これが付いているクリックイベントを解除したらいいのかなと思い、以下のようにやってみたんですが、ちょっとうまくいきませんでした。{$(this).unbind(‘click’);}});途中まではクリックしても動かないようにできるんですが、何回かクリックしていくと動かなくなります。お力になれずに申し訳ございません...。お忙しいところ試していただきありがとうございます!残念ですが、sinpakuさんのお力でもうまくいかなかったのでしたら諦めがつきました。いえ、今までどなたも触れていないところをみるとさほど気になるバグでもなさそうですので・・・このまま使わせていただきます。x1=-1;//仮パラメータです。(初期化です)と設定します。draw関数にて、x1の設定をします。同じであれば、draw()を呼び出す前に、returnする。異なれば表示中のスライドではないので、再描画する。具体的には、clickされた時に、x2にx1と同等の値を設定して、x1とx2を検証する。x2=_this.nextAll(‘.jquery-slider-element’).length;if(x1==x2)return;_draw();})こんな感じでしたら、動くかと思います。スライドショーを探していて、こちらにたどり着き、参考にさせていただきました。ありがとうございます。ひとつ質問させていただいてもよろしいでしょうか。基本的にはオートプレイ、マウスオーバー時にもスライドするようにしたいのですが、「hoverPause:false」として、スライド中に左右の「prev」「next」ボタンをクリックすると、オートプレイが再開しなくなりました。これを再開するようにしたいのですが、何か方法はありますでしょうか。jsの中をみても、さっぱり分からなくて思い切ってコメントさせていただきました。分かる範囲でかまいませんので、ご教授いただけますと幸いでございます。引用マサさん、初めまして!記事、参考にしていただきありがとうございます。「hoverPause:false」にした状態で「prev」「next」ボタンをクリックしてもオートプレイが再開するようにしたいとのことですが、jquery.slider.jsを弄る必要があります。settings.wait);}以下のように変更してみたところ、「prev」「next」ボタンをクリックしてもオートプレイが再開されるようになりました。settings.wait);}ちなみにブラウザはChromeしか確認していませんが...。あと、コアの部分を弄るので、公式サイトでアップデートなどがあった場合には変更される可能性がありますのでご了承下さい。引用sinpakuさん。ご返答、ありがとうございます。検証までしてくださっただなんて!sinpakuさんに教えていただいたとおりに変更してみたところ、見事に希望通りの動作になりました!!すごいっす!本当にありがとうございます。ちなみに、Windows版ですが、IE6、7、8、9、Chrome、Firefox、Safariで問題なく動作しておりました。アップデートの件も承知いたしました。快くご返答いただき、感謝しております。無事に希望通りの動作になって何よりです。こちらこそ記事を参考にしていただきありがとうございました!今後ともよろしくお願いいたします。引用はじめまして!スライドショーを探していて、こちらにたどり着き参考にさせていただきました。ありがとうございます。true,の状態で1枚目の画像がスライドしてから入ってきますが、1枚目の画像を静止した状態からスライドさせることができますか?よろしくお願い致します。引用ロデムさん、はじめまして!1枚目を静止した状態からのスタートはプラグイン自体をカスタマイズするしかないと思います。引用Sinpaku様はじめまして。設定にしても、サイト表示時に1枚目の画像がスライドインしてくるのが気になっています。最初から静止した状態で表示することはできないでしょうか??お忙しいところ大変恐れ入りますがご教示頂けると幸いです。引用tagさんはじめまして。オプションで指定できないのでプラグインを弄るしかないですね...コード読んでみましたがわかりませんでした。別の機会で使用してみたいと思います。今後のhatakeさんの記事、楽しみにしております。ありがとうございました。jQueryのスライダーを入れてみました。URL返信をキャンセルする。-URL検索:プロフィールbl6.jp心がときめく「モノ」や「コト」を中心に紹介しています。レビューや日記なんかも。TwitterFacebookInstagram最近の記事2020.02.20いつもの音楽をハイレゾ級で。ソニーの完全ワイヤレス...ソニーからハイレゾ級高音質と優れた接続性を備えた小型・軽量の完全ワイヤレスイヤホ...2020.02.19三色ボールペンの青と緑を「黒」に変えるいつも仕事で使っているジェットストリームの三色ボールペン(+シャーペン付き)。こ...2020.02.18成城石井オリジナルコーヒー豆「ブラジルイパネマ」アマゾンで買い物中に見つけた成城石井オリジナルコーヒー豆「ブラジルイパネマ」。...2020.02.17梅しば1年のどこかで無性にカリカリ梅を食べたくなる時期がある。