18:51いつもblack-flag.netのサイトに助けられ、大変お世話になっています。このクロスフェードビューアーを使用させていただきたくサンプルファイルをダウンロードして設置も完了し、動作確認もできました。jqueryが得意じゃない人にもわかるように親切に説明してくださり、ありがとうございます。スライドショーの最後の画像で停止させたいのですが、そういったことは可能なのでしょうか?よろしくお願いいたします。2:09>chibicolonさんコメントありがとうございます。このクロスフェードスクリプトをご検討いただいている様で嬉しく思っております。スライドショーの最後で停止する動作についてはその様なパターンでの作成も可能かと思っておりますが現状のスクリプト構成では想定していない動作になっております。その様なオプションを追加できましたらこちらの記事を更新させていただきます。19:40いつも参考にさせていただいてます。お世話になっておりますthと申します。javascript超初心者です。初歩的な質問で申し訳ないのですがこちらのサンプルで自動再生なしのものにしたいのですが他のサンプルの下記部分を本サンプルのjavascriptの最後に貼付けたのですがビューワーが表示されなくなってしまいます。‘off’を追加しました。こちらのサンプルでは構造的に自動再生は停止できないのでしょうか?お手数ですがよろしくお願い致します。10:54>thさんコメントありがとうございます。当記事のクロスフェードスクリプトをご活用いただいている様で嬉しく思っております。自動再生についてですがもともと画像を切り替えるだけのスライドショー(左右のボタンはオプション)の構成なので自動再生させないと画像を切り替える術が無くなりただの画像表示になってしまいます...当スクリプトを使って自動再生させずに左右のボタンのみでの切り替えにする場合はスクリプトの24~29行目、105、107、112、114行目を削除することで可能かと思います。参考までにサンプルも用意しましたので下記よりご確認ください。http://black-flag.net/devel/jQueryResponsiveCrossFadeViewer/indexAutoPlayStop.htmlよろしくお願いします。19:10こんにちわ、いつもブログ拝見しています!どのスライドの猫さんもかわいいですね。このスライダーを3カラムに分けた真ん中にいれたいのです、でもなぜかサイズが#containerにフィットしてくれないのです、スライダーの画像がはみでている感じです。29%、40%、29%とカラムを分けました。全体をwrapでくるんでいます。.viewerのcssはそのままです、どうしてだろうと今日一日考えてみたんですけれど...分からず...無料で公開していただいているものに質問するのは申し訳ないのですが、どうぞ宜しくお願いいたします。12:47>小林さんコメントありがとうございます。当記事のクロスフェードスクリプトをご活用いただいている様で嬉しく思っております。ご質問いただいた件についてですが実装されている画面を確認できないと何とも言えないのですが真ん中のエリアの左右にpaddingなどが指定されていたりするとその様なことになる可能性もありますので周りのCSSの影響ふくめ再度確認していただければと思っております。自動再生の件で投稿しましたthです。返答ありがとうございました。スムーズに解決することが出来ました。サンプルまでご用意していただいてしまい申し訳ございません。今後とも参考にさせてください。1:59>小林さんURL確認させていただきました。始めにHTML内ではidは1ページに1度しか使用できないので「#container」が3つ存在しておりますがid名を分ける必要があります。(同じ名前を複数使用する場合はclassを使います)カラム分けしたレイアウトで当ビューアーを使用する場合にはスクリプト46行目で値を取ってくる対象を入れ込むカラムに変更する必要があります。参考までにご連絡いただいたソースを基に調整したサンプルを用意しましたので下記ページよりご確認ください。http://black-flag.net/devel/jQueryResponsiveCrossFadeViewer/jQueryResponsiveCrossFadeViewer3ColumnTest/※3つのカラムはid名を分け、真ん中のカラムを対象にしてあります。ご確認よろしくお願いします。Flagさまカラム分けの質問をした小林です、バッチリできました!初歩的なミスもあり、大変申し訳ございませんでした、ずっと悩んでいたので助かりました!本当にありがとうございました。19:02はじめまして、ホームページをテキストエディタで作っています。最近BlackFlagさんのページを知り、一生懸命勉強させて頂いています。ありがとうございます。「jQueryで画像がクロスフェードするシンプルな画像ビューアー(自動再生)を作成する方法【改訂版】」(2013/01/09記事)の下のほうに「キャプション付き」のものが掲載されています。block;}~攻略~と記述してみましたが、どうしても画面上に「画像1」「画像2」という文字が出てきません。画面に全く表示が出てこなくて、頭を抱えています。初心的ミスがありましたら、申し訳ございませんが、よろしくお願い致します。11:10>gokugokuさんコメントありがとうございます。当記事のクロスフェードスクリプトをご活用いただいている様で嬉しく思っております。ご質問いただいた件についてですが乗せるキャプションを<a>タグにするか<span>タグにするか等HTMLとCSSの構成をきちんと整理し直すことが先決かと思います。併せて、上に乗せるキャプションは「position:absolute」で絶対値で位置指定する必要があります。再度、構成からご確認してみてください。16:43>BlackFlagさま、ご返事ありがとうございます。前回の自分の書き込みの中の<span>の表記(半角文字で書きました)が3か所すべて消えてしまってました。自分が「<」を全角にしなかった事によるミスです。<span>の部分を全角文字で書いておきます。本文途中の~~~~~~~~~~~~~~~~~~~~~~~~~~~~<span></span>と記述してみましたが、どうしても画面上に「画像1」「画像2」という文字が出てきません。画面に全く表示が出てこなくて、頭を抱えています。~~~~~~~~~~~~~~~~~~~~~~~~~~~~です。原因は、何となくわかってきました。70%とかにして画像を縮小したら、ちゃんとキャプションが出てきました。出てこなかったようです。貴殿のソースを読めるように勉強、精進して参ります。アドバイスありがとうございました。Flagさんショップサーブのセンターフリーエリアにスライドショーを設置したく、検索してこちらのサイトに伺いました。フリーページに作成して見たところ、フェードアウト時に下部に残像が残ってしまいます。Flagさんのこちらのページソース(http://black-flag.net/devel/jQueryResponsiveCrossFadeViewer/)より写真とサイズの変更及び文字の削除をしただけです。※PCに関してほとんど知識がありません。0:40>hideさんコメントありがとうございます。当記事のクロスフェードスクリプトをご活用いただいている様で嬉しく思っております。ご質問いただいた件についてですがおそらくスライドショーで使用するCSSが読み込まれていないせいだと思われます。記事内に書かれているCSSをページ内で読み込まれるようにしてください。併せて、お知らせいただいたWebページ内で当ブログで使用している「reset.css」ファイルへ直リンクが貼ってあるようですがそのような使い方はご遠慮願います。直リンクでCSSファイルを使用せずにご自身のサーバ内に設置するようにしてください。さん早速の回答ありがとうございました。ご指摘の点を改善した後、公開したいと思います。チンプンカンプンなので、良く調べてみます。重ねてお礼申し上げます。こちらのサイトを拝見して、参考にさせていただきました。右も左もわからない初心者なので、丁寧に説明してくれるサイトがあって助かりました。質問なのですが、スライダーの動作はうまくいきましたが、どうしてもスライダー画像の右と下の部分が切れてしまいます。ウィンドウを狭くしていくと、さらに切れる幅が広がってしまいます。画像の横幅も100%と指定しているのですがなぜでしょうか...申し訳ありませんが、確認お願いします。0:08>saitoさんコメントありがとうございます。当記事のクロスフェードスクリプトをご活用いただいている様で嬉しく思っております。ご質問頂きました件についてですがおそらくページ全体にCSSブラウザリセットの設定がされていない影響と考えられます。追記してみてはいかがでしょうか。