サポート » 使い方全般 » カスタムフィールドテンプレート カスタマイズ

5件の返信を表示中 - 1 - 5件目 (全5件中)
  • yukiko muramatsu

    (@yukiko-muramatsu)

    分かりにくかったので、少し見やすくしました、よろしくお願いします。

    <?php query_posts(‘post_type=post&paged=’.$paged); ?>
    <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>

    <div class=”target_img(メイン画像)”>
    <img src=”投稿画像01″ width=”150″ height=”130″>
    </div>

    <div class=”thumb_img(サムネイル)”>
    <img src=”投稿画像サムネイル01″ width=”44″>
    <img src=”投稿画像サムネイル02″ width=”44″>
    <img src=”投稿画像サムネイル03″ width=”44″>
    </div>

    <script>
    jQuery(document).ready(function()
    {
    //change_thumb
    jQuery(function(){
    jQuery(‘.thumb_img a’).click(function(){
    var h = $(this).eq(0).attr(‘rel’);
    jQuery(‘.target_img img’).fadeOut(function(){
    (jQuery(‘.target_img img’).attr(“src”,h)).fadeIn();
    });
    return false;
    })
    });

    });
    </script>

    <?php
    endwhile;
    endif;
    ?>

    <?php wp_reset_query(); ?>

    jQuery(‘.target_img img’).fadeOut(function(){
    (jQuery(‘.target_img img’).attr(“src”,h)).fadeIn();

    この辺が原因じゃないですか?

    jQuery(‘.target_img img’)

    .target_img の中にある画像全部URLを入れ替えてますよ

    yukiko muramatsu

    (@yukiko-muramatsu)

    ご回答いただきまして誠にありがとうございます!

    jQuery(‘.target_img img’)
    >.target_img の中にある画像全部URLを入れ替えてますよ

    すいません、色々なものをコピペして制作しているため、コードの意味を良く分からないまま書いておりまして、、、、

    どのように直したら良いか、コードを直接書いておしえていただけないでしょうか。

    お手数おかけいたしますがよろしくお願いいたします。

    モデレーター gatespace

    (@gatespace)

    yukiko muramatsu

    (@yukiko-muramatsu)

    ありがとうございます。
    セレクタが限定出来ていないことはわかりましたが、
    この場合どのようにセレクタを入れれば上手く動くのでしょうか。。。

    投稿記事ごとに、画像のIDやクラスなどを変化させる処理、プラス、セレクタもそれに準じて変化する処理が必要、、、なのかなと思います。(あってますかね?)

    この、投稿記事内で「サムネイルをクリックしたらメインの画像が変わる」仕様にするのは難しいでしょうか?

    他の方法などもありましたら、教えていただきたいです。
    すいませんが、よろしくお願いいたします。

5件の返信を表示中 - 1 - 5件目 (全5件中)
  • トピック「カスタムフィールドテンプレート カスタマイズ」には新たに返信することはできません。