ID:TGdz3g9nWC6I さんの質問

813 views

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

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

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

登録日:2017-01-09 · カテゴリー:HTML・CSS

みんなの回答 6 件

2017-01-09 · ID:WaEhVNX3k8qd 報告

予算はおいくらですか?

2017-01-09 · ID:PL/0FWlmF92j 報告

1行目から嘘ついてて草

2017-01-09 · ID:aDbPKTOrG87r 報告

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

2017-01-10 · ID:eYb0imhwBb0V 報告

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

2017-01-09 · ID:m/o31wuyJ8j8 報告

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

2017-01-10 · ID:eYb0imhwBb0V 報告

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

2017-01-10 · ID:tZBOFKF0Q9DL 報告

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

2017-01-10 · ID:eYb0imhwBb0V 報告

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

2017-01-10 · ID:tZBOFKF0Q9DL 報告

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

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

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

2017-01-10 · ID:eYb0imhwBb0V 報告

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

2017-01-10 · ID:L39b9ycv1hoA 報告

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

2017-01-10 · コメ主 報告

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

2017-01-10 · コメ主 報告

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

2017-01-10 · コメ主 報告

スライドの順番というかモーダルウィンドウは、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>
で左列と右列分かれてしまっている構造なのでスライドで交互に表示させるカスタマイズはややこしいですね。。

2017-01-10 · コメ主 報告

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

2017-01-10 · ID:eYb0imhwBb0V 報告

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

2017-01-10 · ID:eYb0imhwBb0V 報告

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

2017-01-11 · ID:.NKziYwPOJDc 報告

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

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

2017-01-11 · ID:aZzoDuGmjsBB 報告

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

2017-01-11 · コメ主 報告

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

2017-01-11 · コメ主 報告

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

2017-01-11 · ID:L39b9ycv1hoA 報告

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

2017-01-11 · ID:wN0RVmfV.smL 報告

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

2017-01-11 · ID:.NKziYwPOJDc 報告

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

回答の受付は終了しました。

関連トピック