M-Single Pageのスライドショーの幅

またお世話になりますが、質問よろしくお願いします。

テーマはM-Single Pageです。

スマートフォンではスライドの画像全体が表示されるのですが、

パソコンだと横長になり画像の上下がカットされてしまうので困っています。

店舗のメニューなどを載せようと思うので、パソコンでも画像全体が見えるようにしたいのです。


スライドショーの幅を調節したくて変更箇所を探してみたのですが、

index.phpやdefault.phpやcamera.cssを見て調べても、どれが該当するのかわかりませんでした。

横幅の調節がどの項目なのでしょうか。お知恵をお貸しください。よろしくお願いします。

こんにちはー

引用：

確認してみましたが、少し調査が必要そうです。
スライドの高さはcamera.cssの94行目の「camera_target」クラスを調整すると画像が見えるようにはなりますが、
こちらのスライドはjavascriptを調整しないことにはどうしようもないのかと思っています。
もう少し確認してみます(^^)

ご報告までになります。

nakamuraさん、ご回答ありがとうございます！

やはり私のようなど素人には難しそうな領域ですね。。。

縦横比率は維持されると思っていましたが、このM-singleは違っていたとは・・・

パララックス？やイージングスクロール？などオシャレなのですが、素人にはカスタマイズが難しいですね。

またご報告お待ちしています。m(_ _)m

hirotoさん、初めまして。iseyanと申します。
お困りとの事で、hirotoさんと同じ環境で挙動を確認してみました。

まず、baserCMSをインストールしたフォルダのdefault.phpを開いて下さい。
場所はapp/webroot/theme/m-single/Layouts/default.phpになります。

default.phpを開いて頂いたら、タグの中にcamera.jsの実行コードを
見つける事が出来ると思います。

その実行コードの中のオプションの設定を編集する事で、スライドショーの幅や、スライドの時間等を
カスタマイズすることができます。

例えば、スライドショーの画像の引き延ばしの有無を設定したいときは
実行コードの中にportrait: (trueもしくはfalse)と書いてあげます。
詳しいオプション設定に関しては、m-single/js/camera.jsの中に詳しく記述されているので、
参考にしてみるのもいいかもしれません。

これで問題が解決するといいのですが・・
どうぞご確認してみてください。