【问题标题】:Add links to slider banners添加指向滑块横幅的链接
【发布时间】:2017-08-11 14:27:40
【问题描述】:

我的主页上有没有链接到任何地方的滑块横幅。我需要什么代码为每张图片添加链接?下面的代码可以吗?:

Thank you! I need to add a different link to each banner. The banners are all going to the   printf('<a href="yourlink.html"> link. What am I doing wrong? <div id="home">
    <div class="banner">
        <div class="banner-slider">
            <?php
                if (!empty($options['slider_photo'])):
                    $slider_photos = explode(',', $options['slider_photo']);

                    foreach ($slider_photos as $k => $img):
                        printf('<a href="http://www.nemotile.com/tile/product/Handwritten/"><div class="banner-%d" style="background-image:url(%s)"></div></a>', $k, $img);
                    endforeach;
                else: ?>

                    <a href="http://www.nemotile.com/tile/product/Handwritten/"><div class="banner-1"></div></a>
                    <a href="http://www.nemotile.com/tile/product/patchwork/"><div class="banner-2"></div>
                    <a href="http://www.nemotile.com/tile/product/BisazzaCementTiles/"><div class="banner-3"></div>
                    <div class="banner-5"></div>
                <?php endif; ?>
        </div>

【问题讨论】:

    标签: html slider banner


    【解决方案1】:

    您可以将此代码更改为下面的摘录。使用 $i 您可以逐步完成您的 URL 数组,这应该为您提供它的一般过程。我不确定您是如何获取 URL 的,但这应该会带您走上正确的道路。

    <div class="banner">
        <div class="banner-slider">
            <?php
            $urls = ['URL1', 'URL2', 'URL3', 'URL4'];
            $i = 0;
    
            if (!empty($options['slider_photo'])):
                $slider_photos = explode(',', $options['slider_photo']);
    
                foreach ($slider_photos as $k => $img):
                    printf('<a href="'.$urls[$i].'"><div class="banner-%d" style="background-image:url(%s)"></div></a>', $k, $img);
                    $i++;
                endforeach;
            else: ?>
    
            <a href="http://www.nemotile.com/tile/product/Handwritten/"><div class="banner-1"></div></a>
            <a href="http://www.nemotile.com/tile/product/patchwork/"><div class="banner-2"></div>
                <a href="http://www.nemotile.com/tile/product/BisazzaCementTiles/"><div class="banner-3"></div>
                    <div class="banner-5"></div>
                    <?php endif; ?>
        </div>

    【讨论】:

    • 谢谢!我需要为每个横幅添加不同的链接
    • @SophieMitchell 请将其标记为正确答案,以便我得到认可。
    猜你喜欢
    • 2021-01-26
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-07-26
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多