W3QはBiztterに生まれ変わりました!
Web制作に関するお悩みはBiztterへどうぞ!

Biztterで質問する

ID:TGdz3g さんの質問

CSSについてです。
以下のテンプレートを使って写真の並びや数を増やす変更方法がわかりません。
http://freehtml5.co/epic-free-html5-bootstrap-website-template/

お手数ですが以下2点の変更したい場合はどこのソースを変えれば良いでしょうか?
○写真の表示順を右、左、右、左…に変更したい
○現在交互に8点並んでる写真の数を交互に12点に増やしたい。

ご回答どうぞ宜しくお願いします。

みんなの回答 6 件

ID:WaEhVN さんの回答

予算はおいくらですか?

ID:PL/0FW さんの回答

1行目から嘘ついてて草

ID:aDbPKT さんの回答

どのようにわからないのですか?

ID:eYb0im

ご回答ありがとうございます。
記載の通り以下の変更をどこをどう書き換えればできるのかがわかりません。
○写真の表示順を右、左、右、左…に変更したい
○現在交互に8点並んでる写真の数を交互に12点に増やしたい。

ID:m/o31w さんの回答

これくらい自作でいいじゃん

ID:eYb0im

ご回答ありがとうございます。
このレベルでも自作で出来ない程度の知識しかないためテンプレートの使用を考えていました。

ID:tZBOFK さんの回答

カスタマイズより自作のほうがさくっといけそうな場合もありますよ
右左はstyle.css
12点増やすのは、<div class="fh5co-col-1"></div>か<div class="fh5co-col-2"></div>をまるっと増やせばどうにかなりそうですが。。ぱっと見ですが

ID:eYb0im

ご回答ありがとうございます。
<div class="fh5co-col-1"></div>か<div class="fh5co-col-2"></div>を増やしてみたのですが、交互にならず右側だけに増えてしまいます。
どうすれば交互に増やせるでしょうか?

ID:tZBOFK さんの回答

すみません。間違えてました。

<div class="fh5co-col-1"></div>が左列
<div class="fh5co-col-2"></div>が右列

その中に格納されている<div class="fh5co-item"></div>をそれぞれ増やせばいいと思います。

ID:eYb0im

ありがとうございます。
1つ解決しました!
もう1つのご質問で、写真をクリックした後のフォトライブラリーの表示順を上から右左右左…に変更したいのですがわかりますでしょうか?
どうぞ宜しくお願い致します。

ID:L39b9y

次の質問もさっさと教えろ君。

ID:tZBOFK

写真をクリックした後のフォトライブラリーの表示順のページ?がどれか分からなくてお答えできず・・・URLかスクリーンショットいただけませんか?

ID:tZBOFK

モダールウィンドウのスライドのことですかね?

ID:tZBOFK

スライドの順番というかモーダルウィンドウは、jquery.magnific-popup.min.jsが使用されていて 下記のjqueryですね。
gimmicklog.main.jp/jquery/180/

// Magnific Popup というとこでカスタマイズされています。

でも
<div class="fh5co-col-1"></div><div class="fh5co-col-2"></div>
で左列と右列分かれてしまっている構造なのでスライドで交互に表示させるカスタマイズはややこしいですね。。

ID:tZBOFK

// Magnific Popup というとこでカスタマイズされています。
→js/main.js の中です

ID:eYb0im

たびたびありがとうございます。
テンプレートのsingle.htmlで使用されているものです。
表示のカスタマイズは難しそうですね…まったくどこを変えればいいかわからなそうです。

ID:eYb0im

Magnific Popupの基準場所はわかったのですが、どのように書き変えれば、上から右左右左…と順番変えられますか?
何度も質問して申し訳ないです。

ID:.NKziY

お前ら甘やかしすぎ。
だから、ググろうともせず回答だけ貰おうとする乞食が増えるんだよ。
Magnific Popupでググってプラグインのdocument読んだか?

ttp://dimsemenov.com/plugins/magnific-popup/documentation.html

ID:aZzoDu

ご指摘ありがとうございます。
magnific popupを色々検索してはいたんですが、こちらがあまりにも知識がないため表示順番の変更方法がわからない状況です。
以下のサイトが最も詳しく説明されていましたがこれを熟読してもわからない状況です。
ttp://www.webdesignleaves.com/wp/jquery/626/

ID:tZBOFK

//dimsemenov.com/plugins/magnific-popup/documentation.html
Multiple galleries(複数ギャラリー)の設定方法は書いてありますね。class名が同じなら複数になるようです。これで左列と右列をスライドさせることは可能ですが、交互の方法は分からないです。

ID:tZBOFK

ちょうどモーダルウィンドウのギャラリー探していたので助かりました。ありがとうございます。

ID:L39b9y

いや基礎知識がないんでしょ?
そのくせ、「最も詳しく説明されていましたが分からない」とかw
そりゃ当たり前だろ!いちいち草生えるw
自分で試しながらやったらいいじゃない?
何か急ぐ理由でもあるの?www

ID:wN0RVm

コメ主様
度々親切にありがとうございました。

ID:.NKziY

だから面倒くさがらず、まず公式のドキュメントを読もう。
ちゃんと読んだら、スライドの順番を個別に制御できるオプションがないのはわかるよね?(gotoとかで無理やり順番を飛ばすことは出来そうだけど、他にも改修しないと無理)
HTMLの順番を右左右左~という流れで配置するとJSも自然と意図した動作になるから、それをどうやって実現するかは自分で頑張れ。

最終更新日:2017-01-10 (973 views)

関連するトピックス

ページ上部に戻る