CSSについてです。以下のテンプレートを使って写真の並びや数を増やす変更方法がわかりません。http://freehtml5.co/epic-free-html5-bootstrap-website-template/
お手数ですが以下2点の変更したい場合はどこのソースを変えれば良いでしょうか?○写真の表示順を右、左、右、左…に変更したい○現在交互に8点並んでる写真の数を交互に12点に増やしたい。
ご回答どうぞ宜しくお願いします。
予算はおいくらですか?
1行目から嘘ついてて草
どのようにわからないのですか?
ご回答ありがとうございます。記載の通り以下の変更をどこをどう書き換えればできるのかがわかりません。○写真の表示順を右、左、右、左…に変更したい○現在交互に8点並んでる写真の数を交互に12点に増やしたい。
これくらい自作でいいじゃん
ご回答ありがとうございます。このレベルでも自作で出来ない程度の知識しかないためテンプレートの使用を考えていました。
カスタマイズより自作のほうがさくっといけそうな場合もありますよ右左はstyle.css12点増やすのは、<div class="fh5co-col-1"></div>か<div class="fh5co-col-2"></div>をまるっと増やせばどうにかなりそうですが。。ぱっと見ですが
ご回答ありがとうございます。<div class="fh5co-col-1"></div>か<div class="fh5co-col-2"></div>を増やしてみたのですが、交互にならず右側だけに増えてしまいます。どうすれば交互に増やせるでしょうか?
すみません。間違えてました。
<div class="fh5co-col-1"></div>が左列<div class="fh5co-col-2"></div>が右列
その中に格納されている<div class="fh5co-item"></div>をそれぞれ増やせばいいと思います。
ありがとうございます。1つ解決しました!もう1つのご質問で、写真をクリックした後のフォトライブラリーの表示順を上から右左右左…に変更したいのですがわかりますでしょうか?どうぞ宜しくお願い致します。
次の質問もさっさと教えろ君。
写真をクリックした後のフォトライブラリーの表示順のページ?がどれか分からなくてお答えできず・・・URLかスクリーンショットいただけませんか?
モダールウィンドウのスライドのことですかね?
スライドの順番というかモーダルウィンドウは、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>で左列と右列分かれてしまっている構造なのでスライドで交互に表示させるカスタマイズはややこしいですね。。
// Magnific Popup というとこでカスタマイズされています。→js/main.js の中です
たびたびありがとうございます。テンプレートのsingle.htmlで使用されているものです。表示のカスタマイズは難しそうですね…まったくどこを変えればいいかわからなそうです。
Magnific Popupの基準場所はわかったのですが、どのように書き変えれば、上から右左右左…と順番変えられますか?何度も質問して申し訳ないです。
お前ら甘やかしすぎ。だから、ググろうともせず回答だけ貰おうとする乞食が増えるんだよ。Magnific Popupでググってプラグインのdocument読んだか?
ttp://dimsemenov.com/plugins/magnific-popup/documentation.html
ご指摘ありがとうございます。magnific popupを色々検索してはいたんですが、こちらがあまりにも知識がないため表示順番の変更方法がわからない状況です。以下のサイトが最も詳しく説明されていましたがこれを熟読してもわからない状況です。ttp://www.webdesignleaves.com/wp/jquery/626/
//dimsemenov.com/plugins/magnific-popup/documentation.htmlMultiple galleries(複数ギャラリー)の設定方法は書いてありますね。class名が同じなら複数になるようです。これで左列と右列をスライドさせることは可能ですが、交互の方法は分からないです。
ちょうどモーダルウィンドウのギャラリー探していたので助かりました。ありがとうございます。
いや基礎知識がないんでしょ?そのくせ、「最も詳しく説明されていましたが分からない」とかwそりゃ当たり前だろ!いちいち草生えるw自分で試しながらやったらいいじゃない?何か急ぐ理由でもあるの?www
コメ主様度々親切にありがとうございました。
だから面倒くさがらず、まず公式のドキュメントを読もう。ちゃんと読んだら、スライドの順番を個別に制御できるオプションがないのはわかるよね?(gotoとかで無理やり順番を飛ばすことは出来そうだけど、他にも改修しないと無理)HTMLの順番を右左右左~という流れで配置するとJSも自然と意図した動作になるから、それをどうやって実現するかは自分で頑張れ。
みんなの回答 6 件
予算はおいくらですか?
1行目から嘘ついてて草
どのようにわからないのですか?
これくらい自作でいいじゃん
カスタマイズより自作のほうがさくっといけそうな場合もありますよ
右左はstyle.css
12点増やすのは、<div class="fh5co-col-1"></div>か<div class="fh5co-col-2"></div>をまるっと増やせばどうにかなりそうですが。。ぱっと見ですが
すみません。間違えてました。
<div class="fh5co-col-1"></div>が左列
<div class="fh5co-col-2"></div>が右列
その中に格納されている<div class="fh5co-item"></div>をそれぞれ増やせばいいと思います。
関連するトピックス