Question

是否有办法获取Nivo滑块的当前幻灯片“标题”并将其显示在另一个div中？

Answer 1

从wp-nivo-slider.php的第209行开始

变化：

<div id="slider">
<?php 
            $category = get_option('wpns_category');
       $n_slices = get_option('wpns_slices');
?>
    <?php query_posts( 'cat='.$category.'&posts_per_page=$n_slices' ); if( have_posts() ) : while( have_posts() ) : the_post(); ?>
        <?php if(has_post_thumbnail()) : ?>
        <a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>">
                    <?php the_post_thumbnail(); ?>
        </a>
        <?php endif ?>        <?php endwhile; endif;?>        <?php wp_reset_query();?>
    </div>

要：

<div id="slider" style="position:relative;">
query_posts( 'cat='.$category.'&posts_per_page=$n_slices' ); if( have_posts() ) : while( have_posts() ) : the_post(); ?>
       <?php if(has_post_thumbnail()) : ?>
        <a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>">
                <?php the_post_thumbnail(); ?>
            </a>
    <div id="slider-title" style="position:absolute; background-image:rgba(0, 0, 0, .5); color:#fff!important; top:10px; left:5px; display:block;"><?php the_title(); ?></div>
                <?php endif ?>
        <?php endwhile; endif;?>
            <?php wp_reset_query();?>
</div>

这会将标题置于图像的左上角，背景为半透明。

获取Nivo Slider当前幻灯片标题

1 个答案: