如何在wordpress中修复照片更改幻灯片？

Question

我用php jQuery在Wordpress中做了幻灯片，它的工作原理是这样的:在帖子中，我用php制作了名为"sliderPhotoImg1"，"sliderPhotoImg2“等的自定义字段，它从自定义字段中获取所有的照片，并放入其中

在这之后，我通过jQuery做幻灯片，这很容易，它只适用于一个帖子，但如果我在每个帖子中都有幻灯片，那么并不是每个div $("#Slider-")都有效，而是应该显示的img的索引从一个帖子跳到另一个帖子。

你可以在www.acroart.pl上找到一个问题

<div id="Slider-<?php the_ID(); ?>">
<?php 
$dot = (int)get_post_meta($post->ID, "dots", true); 

for($i = 0; $i< $dot; $i++){
if($i <= $dot){
    echo '<div><img src="';
    echo get_post_meta($post->ID, "sliderPhotoImg".($i+1), true);
    echo '"></div>';
}
}                               
?>

</div>
<script>
$( "#Slider-<?php the_ID();?> > div:gt(0)" ).hide();
setInterval( function () {
    $( "#Slider-<?php the_ID();?> > div:first" )
        .fadeOut( 1000 )
        .next()
        .fadeIn( 1000 )
        .end()
        .appendTo( "#Slider-<?php the_ID();?>");
    }, 3000 );
    $("#Slider-<?php the_ID();?> > div > img").css({
        "position": "relative",
        "width": "600px",
        "height": "400px"
});
</script>

Answer 1

我将echo添加到jquery中的php代码中，试试这个，然后告诉我们。

<div id="Slider-<?php the_ID(); ?>">
<?php 
$dot = (int)get_post_meta($post->ID, "dots", true); 

for($i = 0; $i< $dot; $i++){
if($i <= $dot){
    echo '<div><img src="';
    echo get_post_meta($post->ID, "sliderPhotoImg".($i+1), true);
    echo '"></div>';
}
}                               
?>

</div>
<script>
$( "#Slider-<?php echo the_ID();?> > div:gt(0)" ).hide();
setInterval( function () {
    $( "#Slider-<?php echo the_ID();?> > div:first" )
        .fadeOut( 1000 )
        .next()
        .fadeIn( 1000 )
        .end()
        .appendTo( "#Slider-<?php the_ID();?>");
    }, 3000 );
    $("#Slider-<?php the_ID();?> > div > img").css({
        "position": "relative",
        "width": "600px",
        "height": "400px"
});
</script>