添加滚动条并选择图像而不是单选按钮答案

【问题标题】：Add Scroll Bar and select image instead of radio buttons添加滚动条并选择图像而不是单选按钮
【发布时间】：2014-06-06 13:28:54
【问题描述】：

嗨，现在我为我的 Wordpress 选项页面创建了选项字段，我的字段包含 36 张图片，用于我的身体主题图案，所有东西都可以完美运行

如何在我的选项字段中添加滚动条，直到只显示一些图像然后滚动显示其他图像？

如何隐藏单选按钮并在单选按钮上选择图像？

这是我的代码

function YPE_body_pattern_callback() {
    ?>
        <div>
            <h3>Choose Pattern</h3>
            <?php
                $checked = 'checked="checked"';
                $YPE_options = get_option( 'YPE_post_option_name' );
            ?>
            <ul class="list-inline">
                <?php for($i=1 ; $i<=36 ; $i++ ){ 
                 $pattern = 'body-bg'.$i; ?>
                <li>
                    <input name="YPE_post_option_name[YPE_body_pattern]" type="radio" value="<?php echo $pattern ?>" <?php if($YPE_options['YPE_body_pattern'] == $pattern ) echo $checked; ?> />
                    <a href="#">
                        <img src="<?php echo get_template_directory_uri(); ?>/panel/images/patterns/<?php echo $pattern ?>.png" />
                    </a>
                </li>
                <?php } ?>
            </ul>
        </div>
    <?php
}

【问题讨论】：

标签： wordpress image field options

【解决方案1】：

我通过使用 overflow:scroll;width:300px;css 属性将滚动条添加 300 像素高度解决了我的问题

【讨论】：