如何将[幻灯片]图像用作链接

时间:2013-12-30 16:56:06

标签: php image hyperlink slideshow

我在使用幻灯片中的图像作为链接时遇到问题。

这是我的代码:

<div class="slider-wrapper theme-default sl-2">
    <div id="slider-2" class="nivoSlider-2" >
    <?php foreach ($items as $key=>$item):  ?>
        <?php if($params->get('itemImage') && isset($item->image)): ?>

            <a class="moduleItemTitle" href="<?php echo $item->link; ?>">
                <img src="<?php echo $path1;?>?src=<?php echo $item->image;?>&w=635&h=386&zc=1&q=100" alt="<?php echo K2HelperUtilities::cleanHtml($item->title); ?>" title="#htmlcaption<?php echo $key;?>"/>
            </a>

        <?php endif; ?>
    <?php endforeach; ?>
    </div>
    <?php foreach ($items as $key=>$item):  ?>
    <div id="htmlcaption<?php echo $key;?>" class="nivo-html-caption">
    <?php if($params->get('itemTitle')): ?>
        <!--<h2><a class="moduleItemTitle" href="<?php echo $item->link; ?>"><?php echo $item->title; ?></a></h2>-->
    <?php endif; ?>
    <div class="clr"></div>
        <?php if($params->get('itemIntroText')): ?>
        <div class="description-slider2">
            <p><?php echo $item->introtext; ?></p>
        </div>
    <?php endif; ?> 
    </div>
    <?php endforeach; ?>
</div>

我通过“a”标签传递$ item-&gt;链接参数,该参数返回这两个字符串,因为幻灯片只包含两个图像:

string(51)/demo-catarroja2/es/campanas/cavi-catarroja-virtual

&安培;

string(49)/demo-catarroja2/es/campanas/plan-de-ayuda-social

如果我使用网络浏览器检查元素,则显示:

<a class="moduleItemTitle" href="/demo-catarroja2/es/campanas/plan-de-ayuda-social">
    <img src="http://complusoft.net/demo-catarroja2/templates/onews/html/thumb.php?src=/demo-catarroja2/media/k2/items/cache/9c2fe6cb8c357cf6d57c8926869c1003_XL.jpg&w=635&h=386&zc=1&q=100" alt="Plan de Ayuda social 2013" title="#htmlcaption1"/>
</a>

这张图片显然位于一个标签内,但它充当链接,为什么会这样呢?

您可以在此处查看该网站: 幻灯片显示在主页面上方。

0 个答案:

没有答案