Илья Давыдов

Как сделать баннер листаемым

Recommended Posts

Ребят, подскажите как сделать точки под баннер или стрелочки, что бы можно было переключать слайды

Сейчас код в файле catalog/view/theme/theme509/template/module/slideshow.tpl выглядит так:

Скрытый текст

<section class="col-lg-9 col-md-8   hidden-xs slideshow-block">
    <div id="slideshow<?php echo $module; ?>" style="opacity: 1;">
      <?php foreach ($banners as $banner) { ?>
      <div class="item">
        <?php if ($banner['link']) { ?>
        <a href="<?php echo $banner['link']; ?>" class="href"><img src="<?php echo $banner['image']; ?>" alt="<?php echo $banner['title']; ?>" class="img-responsive" /></a>
        <?php } else { ?>
            <a href="<?php echo $banner['link']; ?>"><img src="<?php echo $banner['image']; ?>" alt="<?php echo $banner['title']; ?>" class="img-responsive" /></a>
        <?php } ?>
      </div>
      <?php } ?>
    </div>
</section>
<script type="text/javascript">
$('#slideshow<?php echo $module; ?>').nivoSlider({
            animSpeed: 1000,
            pauseTime: 4000,
            directionNavHide:false,
            controlNav: false,
            prevText: '',
            nextText: ''
        });
    var link = $('#slideshow<?php echo $module; ?>').find('a.href').attr('href');
    var href = "<a href='"+link+"'></a>";
    $('#slideshow<?php echo $module; ?>').find('.nivo-main-image').wrap(href);
</script>

 

Изменено пользователем RHCk

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

По-идее, поменять 

Цитата

controlNav: false,
 

 

На

controlNav: true,

 

Но это не точно, я только начал изучать веб-программирование, сильно не пинать если ошибся

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Гость
Ответить в тему...

×   Вы вставили отформатированное содержимое.   Удалить форматирование

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


  • Сейчас на странице   0 пользователей

    Нет пользователей, просматривающих эту страницу