2

私は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 に移動します

前もって感謝します ！

4

2 に答える 2

2

HTML のみのソリューション:

これを変える：

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

等

これに：

<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 の -property を に設定してfalseください。

于 2013-09-18T15:06:36.880 に答える
1

これを試して。

            <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>
于 2013-02-19T14:24:17.040 に答える