添加链接到flexslider图像

我正在与一个WordPress的网站，我想知道是否有一种方法来添加一个链接到每个flexslider图像，以便单击时链接将用户到不同的页面现场？我一直在寻找答案小时没有运气。这是密码，添加链接到flexslider图像

<?php 
/* 
* Template Name: Home 
*/ 
get_header(); ?> 
<div class="content"> 
<?php $slides = carbon_get_post_meta($post->ID, 'slides', 'complex'); 
     if($slides) : ?> 
      <div class="main-slider flexslider"> 
      <ul class="slides"> 
      <?php foreach($slides as $slide) : 
       if(empty($slide['image'])) { 
       continue; 
       } ?> 
      <li><img src="<?php echo assante_get_thumb_url($slide['image'], 690, 461); ?>" alt="" /></li> 

      <?php endforeach; ?> 
     </ul> 
     </div> 
    <?php endif; ?> 
</div> 
<?php get_footer(); ?>

来源

2013-07-11 mjadecole

您可以将图像包装在链接中。像这样：

<div class="flexslider"> 
    <ul class="slides"> 
    <li> 
     <a href='linkto'><img src="slide1.jpg" /></a> 
    </li> 
</div>

在main page有一个例子（第二图像）。

编辑：

//Let's say you have this array: 
<?php 
    $slides = array(
     array('image' => 'slide1.jpg','link' => 'link1'), 
     array('image' => 'slide2.jpg','link' => 'link2') 
    ); 
?> 

<ul class="slides"> 
    <?php 
    foreach ($slides as $slide) : 
     if (empty($slide['image'])) { 
      continue; 
     } 
     ?> 
     <li> 
      <a href="<?php echo $slide['link']?>"> //Now we have a 'link' key to match every slide. 
       <img src="<?php echo assante_get_thumb_url($slide['image'], 690, 461); ?>" alt="" /> 
      </a> 
     </li> 

<?php endforeach; ?> 
</ul>

来源

2013-07-11 15:43:40

这让我给所有的图像相同的链接，但据我可以告诉没有任何图像有一个ID，所以我不知道我怎么会放弃每一个都有不同的链接。 – mjadecole

@MariahJadeCole。正如我所看到的，你有一个包含所有幻灯片图像的阵列。您也可以设置一个索引来存储每个链接。我会编辑我的答案，向你展示我的意思。 –

这个伎俩！ – mjadecole

添加链接到flexslider图像

回答

相关问题