Question

我通过php jQuery在Wordpress中进行了幻灯片演示，它的基本工作原理如下：在Posts中，我用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

我在jQuery中的php代码中添加了 echo ，请尝试并告诉我们

<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>

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

1 个答案: