Добавить ссылку на изображение в flexslider

Я использую плагин flexslider, и я хотел бы знать, есть ли простой способ (помимо изменения ядра плагина, что я собираюсь сделать, если не найду простой ответ) чтобы перейти к ссылке, когда я нажимаю на текущее изображение слайда. Я настроил flexslider просто так: 

   $('#slide-top').flexslider({
           animation: 'slide'
           });

И в представлении: 

   <div id="slide-top" class="flexslider">
          <ul class="slides">
            <?php foreach ($gallery_top_slide as $image_slide): ?>
                    <li><img src="<?=base_url();?>assets/uploads/top_slide/<?=$image_slide['photo_url']?>" /></li>
                    <a href="<?=$image_slide['link_url']?>">Not need text on image</a>
            <?php endforeach; ?>
          </ul>
    </div>

Как я могу это сделать?

Например. если я нажму на текущее изображение, перейдите к www.google.com

Заранее спасибо !

2 2
jquery php flexslider

2 ответа:

Попробуйте это.

            <ul class="slides">
                <?php foreach ($gallery_top_slide as $image_slide): ?>
                        <li>
                           <a href="<?=$image_slide['link_url']?>">
                              <img src="<?=base_url();?>assets/uploads/top_slide/<?=$image_slide['photo_url']?>" />
                           </a>
                        </li>
                <?php endforeach; ?>
            </ul>
1

Решение только для HTML:

Измените это: 

<ul class="slides">
    <li>
        <img src="../myimage_1.jpg">
    </li>
    <li>
        <img src="../myimage_2.jpg">                       
    </li>

Etc

В это: 

<ul class="slides">
    <li>
        <a href="myurl_1"><img src="../myimage_1.jpg" alt="" /></a>
    </li>
    <li>
        <a href="myurl_2"><img src="../myimage_2.jpg" alt="" /></a>
    </li>

И т. д.

Проверено и работает. Однако убедитесь, что свойство pauseOnHover-Flexslider имеет значение false.

2