yukiko muramatsu
フォーラムへの返信
-
フォーラム: 使い方全般
返信が含まれるトピック: カスタムフィールドテンプレート カスタマイズありがとうございます。
セレクタが限定出来ていないことはわかりましたが、
この場合どのようにセレクタを入れれば上手く動くのでしょうか。。。投稿記事ごとに、画像のIDやクラスなどを変化させる処理、プラス、セレクタもそれに準じて変化する処理が必要、、、なのかなと思います。（あってますかね？）
この、投稿記事内で「サムネイルをクリックしたらメインの画像が変わる」仕様にするのは難しいでしょうか？
他の方法などもありましたら、教えていただきたいです。
すいませんが、よろしくお願いいたします。フォーラム: 使い方全般
返信が含まれるトピック: カスタムフィールドテンプレート カスタマイズご回答いただきまして誠にありがとうございます！
jQuery(‘.target_img img’)
＞.target_img の中にある画像全部URLを入れ替えてますよすいません、色々なものをコピペして制作しているため、コードの意味を良く分からないまま書いておりまして、、、、
どのように直したら良いか、コードを直接書いておしえていただけないでしょうか。
お手数おかけいたしますがよろしくお願いいたします。
フォーラム: 使い方全般
返信が含まれるトピック: カスタムフィールドテンプレート カスタマイズ分かりにくかったので、少し見やすくしました、よろしくお願いします。
<?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(); ?>