Показать сообщение отдельно
  #1 (permalink)  
Старый 09.03.2016, 11:15
Новичок на форуме
Отправить личное сообщение для Musica24 Посмотреть профиль Найти все сообщения от Musica24
 
Регистрация: 18.12.2015
Сообщений: 4

Нужна помощь..
Добрый всем день! Помогите советом, пожалуйста. Есть jquery слайдер адаптированный под мои нужды, стоит на страничке, всё работает и устраивает. Но появилась задача на ЭТУ же страничку поставить еще 3 точно таких же галереи с другими изображениями. При копировании html кода, вторая галерея появляется, но скрипт к ней не подключается почему-то.

Сам скрипт
<script type="text/javascript" src="js/jquery.waterwheelCarousel.js"></script>
    <script type="text/javascript">
      $(document).ready(function () {
        var carousel = $("#carousel").waterwheelCarousel({
          flankingItems: 3,
          movingToCenter: function ($item) {
            $('#callback-output').prepend('movingToCenter: ' + $item.attr('id') + '<br/>');
          },
          movedToCenter: function ($item) {
            $('#callback-output').prepend('movedToCenter: ' + $item.attr('id') + '<br/>');
          },
          movingFromCenter: function ($item) {
            $('#callback-output').prepend('movingFromCenter: ' + $item.attr('id') + '<br/>');
          },
          movedFromCenter: function ($item) {
            $('#callback-output').prepend('movedFromCenter: ' + $item.attr('id') + '<br/>');
          },
          clickedCenter: function ($item) {
            $('#callback-output').prepend('clickedCenter: ' + $item.attr('id') + '<br/>');
          }
        });

        $('#prev').bind('click', function () {
          carousel.prev();
          return false
        });

        $('#next').bind('click', function () {
          carousel.next();
          return false;
        });

        $('#reload').bind('click', function () {
          newOptions = eval("(" + $('#newoptions').val() + ")");
          carousel.reload(newOptions);
          return false;
        });

      });
    </script>


и html
<div id="carousel">Разработка логотипов
<img src="images/dizain/logo/1.jpg" alt="Image 1" />
<img src="images/dizain/logo/2.jpg" alt="Image 2" />
<img src="images/dizain/logo/3.jpg" alt="Image 3" />
<img src="images/dizain/logo/4.jpg" alt="Image 4" />
<img src="images/dizain/logo/5.jpg" alt="Image 5" />

</div>


Что в такой ситуации делать?
Ответить с цитированием