1

現在、WordPress でタイプを使用しています。要件は、2 段落ごとにタイプにアップロードされた画像を配置できることです。

これで、タイプからフィールドを取得する方法がわかりました。私がよくわからないのは（おそらくこれはJavascriptで行われているのでしょうか？）2つの段落の後に1つの画像を自動配置し、次に4つの段落の後に別の画像を自動配置する方法です.

これは可能ですか？私の非常に限られたjQueryの知識は、それがn番目の子セレクターまたは何かと関係があるかもしれないことを私に知らせますか? しかし、これは単なる推測です。

どんな助けでも大歓迎です。

4

2 に答える 2

1

これを行う方法の例を次に示します: http://jsfiddle.net/tkK6y/

画像 URL の配列があるとします。

var imgs = ['1.jpg', '2.jpg', '3.jpg'];

そして、n段落を含む div:

<div id="theDiv">
    <p>Foo</p>
    <p>Bar</p>
    ...
</div>

次のように、2 番目の段落ごとにループして、各段落の後に画像を挿入できます。

var $div = $('#theDiv');
var $paragraphs = $('p:nth-child(2n)', $div);
var n = 0;
$paragraphs.each(function () {
    var $newImage = $('<img src="' + imgs[n] + '" />'); // Creates an img tag
    $newImage.insertAfter(this);  // Inserts the img after the current paragraph
    n++;
});
于 2013-08-07T08:43:42.573 に答える
-1

jquery を使用せずにこれを行う方法があり、php のみを使用します。インクリメント変数を定義するカスタム ループを実行し、次のような基本的な数学関数を使用して他の投稿ごとに結果を表示します。

$x = 1; while (have_posts()) : the_post();
if (($x % 2) == 1 && $x != 1)   {
// Display your custom image here
}

$x++; endwhile;
于 2013-08-07T08:44:00.967 に答える