16:09はじめまして。すばらしいスクリプトですね。理想に近いものになっており、これをうまく活用したいと思っています。カスタマイズについてお伺いしたいのですが、オンマウス時にオートプレイを停止させることはできませんか?お忙しいところ恐縮ですが可能でしたらよろしくお願いします。17:19はじめまして。こちらの横100%スライダーをありがたく使わせて頂いているものです。ところでこちらのスライダーは1Pに複数設置した場合、2つめ以降のスライダーの自動スタートが効かない、という仕様だったかと思います。「1つ目のスライダーより2つ目のスライダーの方が表示画像枚数が多かった場合、1つ目のスライダーの画像が表示されない」という報告を受けました。同じ画像枚数だった場合には問題ないそうです。こちら、何か原因に思い当たる節はございますでしょうか?また、何か対策できる方法はありませんでしょうか?なかなかこちらと同じ仕様で表示できるスライダーが無く、できればこのままこちらのスライダーを使用したいので、お力をお借りできると助かります。お忙しいところ申し訳ございませんが、ご検討いただけますと幸いです。1:12>swordfishさんコメントありがとうございます。当記事のコンテンツスライダーを活用いただいている様で嬉しく思っております。この様な処理を追記すればいけるかと思います。参考までにサンプルファイルも用意しましたので必要であれば下記よりダウンロードしてみてください。http://black-flag.net/devel/jQueryResponsiveFullWideSlider/jQueryResponsiveFullWideSliderHoverStop.zipお試しください。2:06>にゃんこさんコメントありがとうございます。当記事のコンテンツスライダーをご活用いただいている様で嬉しく思っております。ご指摘いただいた点について動作確認いたしました。原因に関してもなんとなく判明はしているのですが改修するには少々時間が掛かりそうなのでひとまずは1ページ内では一つの設置でお願い致します。(プラグイン化しないと厳しいかもです。)よろしくお願いします。12:06ありがとうございます、無事マウスオーバーで停止させることができました。おかげさまで重ねあわせで配置したメニューなどを止めることができました。17:25初めまして。ホームページを改良するに当たって、是非動きのあるものにチャレンジしてみたくなりました。調べているうちにこちらのサイトにたどりつき、スライダーを有難く使用させて頂きました。100%とは言えませんが理想に近いものが出来、いざアップロードしてみますとその表示があまりにも遅いことに気づきました。ダウンロードさせて頂いたサンプルファイルでは、画面が開くと同時に猫の画像が現れます。私が作成したものはかなりの時間固まった後、スライドが始まる感じです。確かに本文にも大きめの画像を数多く使用していますから、全体として重いものになっているのは間違いないと思います。そこで、まず画像はPNG形式にアイコンもGIF形式に変換したうえで、大きさも小さくしました。ネットで調べたところ、セレクターはclassを使わずidを使った方が速いという記事がありましたので、それも変更してみました。それでも、あまり効果が出ません。猫の画像はjpeg形式でデーター量も私がスライダーに使用したものより重いようです。それでも瞬息で表示されます。どこに問題があるのでしょうか?お忙しい中、大変申し訳ございませんがご指摘頂けますと幸いです。1:22>kageさんコメントありがとうございます。当記事のコンテンツスライダーをご活用いただいている様で嬉しく思っております。動作の重さについてですがおそらくスライダー部分のスクリプト等の影響ではなくページ内にYahooページのiframeやGoogleのカレンダーやMapなどが配置されている影響なのではないかと思っております。これらのサービスをページに読み込むとロードにある程度の時間がかかってしまうので一旦、YahooページのiframeやGoogleのカレンダーやMapをページ内から外してみて表示速度がどうなるか試してみてはいかがでしょうか。当記事のスライダーはページ内の全ての要素が読み込まれた後に実装されるように構成してあるのでページロードに時間がかかってしまうとその分、スライダーが表示されるのが遅くなってしまいます。10:59早々のご返信ありがとうございました。ないYahooページのiframeを外したことでかなり起動が速くなりました。これでしばらく様子を見ようと思います。ありがとうございました。21:042回目の投稿になります。わからない点がありましたので、投稿させて頂きました。img」にmarginを追加するという回答を参考に制作したところ、画像の右側が削られたかたちとなってしまいます。10px;とすると画像の右側も10px分削られたかたちとなります。このような場合の解決方法がありましたらお答え頂ければと思います。お忙しい中と存じますがよろしくお願いします。1:44>masakenさんご質問いただいた件についてですが画像のサイズを取得しながらレスポンシブ処理を行っているのでほかの方法だと厳しいかもしれません。画像自体に左右の余白を付けるなどでご対応いただく形になるかと思っております。11:10はじめまして、Rikaと申します。ウィンドウ幅いっぱいのスライダー、活用させていただいております。素敵なスラーダーをありがとうございます。paginationの表示に関してご質問がございます。デフォルトでは四角形でページネーションを表示していますが四角形の箇所に数字を割り当てる事は可能でしょうか?対応の方法がございましたら、是非ご教授いただけると幸いです。12:03>Rikaさんコメントありがとうございます。当記事のコンテンツスライダーをご活用いただいている様で嬉しく思っております。ページネーションに該当数字を追加するにはスクリプト42行目で生成しているソース部分の</a>の手前で「’+(i+1)+’」として生成番号を追加することで実現できるかと思います。参考までにサンプルファイルを用意しましたので下記よりご確認ください。http://black-flag.net/devel/jQueryResponsiveFullWideSlider/indexPnNum.htmlお試しください。14:49ページネーションに関するご解答を早々に頂きましてありがとうございました。サンプルページまで制作して頂いて大変恐縮です。試したところ、数字が表示されました。CSSで見栄えを調整して奇麗に仕上がりました。おかげで、お客さまのご要望にお応えする事ができて大変嬉しいです。11:35はじめまして、ryoと申します。私はホームページ作成に関して初心者で、スライドショーについて検索していたところ、こちらのブログ記事に辿り付きました。他の記事も読ませて頂きましたが、とてもありがたい情報ばかりで、感謝しきれません!こちらの記事のスライドショーに関して、分からない部分があり、1点質問させて頂きたいのですがよろしいでしょうか?こちらの記事のスライドショーを、このたび私が制作しているホームページに組み込みたいと考えております。サンプルページをダウンロードさせて頂き、そのソースを元に編集しておりました。スライドショー周りのレイアウトをある程度完成させた後、スライドショーの画像をこちらで用意した画像(slide_image.png)に差し替えた所、スライドショーのレイアウトが崩れ、スライドショー部分の画像が表示されずに白くなってしまいました。画像の差し替えをする際は、HTMLの他にも変更するべき点があるのでしょうか?お忙しいとは思いますが、何卒返信の方よろしくお願い致します。1:15>ryoさんコメントありがとうございます。当記事のコンテンツスライダーをご活用いただいている様で嬉しく思っております。ご質問いただいた件についてですが実際に組み込まれているページを確認できないと何とも言えないのですが画像設置の際の注意点としては、記事内に書かせていただいているとおり「使用する(スライドさせる)画像は全て幅と高さを同サイズのものを使用する」という点になります。他に考えられることとしてはCSSブラウザリセットの影響などもあるかと想定していますのでサンプルデータで読み込ませている「reset.css」等も実装されているページに読み込んでみて事象が解消されるかお試しください。憶測での回答になってしまいますがよろしくお願いします。18:30はじめまして、アートマと申します。画面いっぱいのスライドショー、活用させて頂いております。本当に素晴らしいです!質問なのですが、■のページネーションそのものを消すにはどうしたらいいでしょうか?なにぶんプログラムに関してはド素人なもので...CSSをいじろうにもなかなか上手くいかず。消すのではなく、見えないように隠すやり方でも結構です。お教え頂ければ幸いです。1:12>アートマさんコメントありがとうございます。当記事のコンテンツスライダースクリプトをご活用いただいている様で嬉しく思っております。ページネーションの非表示については要素そのものをソース上から消してしまうと全体の動きに支障が出るのでCSSで非表示(見えなくする)にする形がよろしいかと思います。CSS内で「.pagination」の「z-index」の値を「0」にして「.wideslider_base」に対して「z-index」を「1」以上の値で追記することで画面上にページネーションは表示されなくなると思います。