0

Делаю сайт в cms netcat. Прописываю скрипты (двойные кавычки экранированы для неткат).

<script src=\"/js/jquery-1.7.1.min.js\"></script>
<script src=\"/js/jquery.jcarousel.min.js\"></script>

        <!-- Jquery carousel -->

        <script type=\"text/javascript\">

        function mycarousel_initCallback(carousel)
        {
            // Disable autoscrolling if the user clicks the prev or next button.
            carousel.buttonNext.bind('click', function() {
                carousel.startAuto(0);
            });

            carousel.buttonPrev.bind('click', function() {
                carousel.startAuto(0);
            });

            // Pause autoscrolling if the user moves with the cursor over the clip.
            carousel.clip.hover(function() {
                carousel.stopAuto();
            }, function() {
                carousel.startAuto();
            });
        };

        function brandcarousel_initCallback(carousel)
        {
            // Disable autoscrolling if the user clicks the prev or next button.
            carousel.buttonNext.bind('click', function() {
                carousel.startAuto(0);
            });

            carousel.buttonPrev.bind('click', function() {
                carousel.startAuto(0);
            });

            // Pause autoscrolling if the user moves with the cursor over the clip.
            carousel.clip.hover(function() {
                carousel.stopAuto();
            }, function() {
                carousel.startAuto();
            });
        };

        jQuery(document).ready(function() {
            jQuery('#mycarousel').jcarousel({
                auto: 4,
                wrap: \"circular\",
                scroll: 1,
                size: 4,
                animation: 2000,
                initCallback: mycarousel_initCallback
            });

            jQuery('#brandcarousel').jcarousel({
                auto: 2,
                wrap: \"circular\",
                scroll: 1,
                visible: 4,
                animation: 2500,
                buttonNextHTML: null,
                buttonPrevHTML: null,
                initCallback: brandcarousel_initCallback
            });
        });

        </script>

прописываю в html-коде

<div class=\"picture\">
<div class=\"picture_self\">
                    <ul id=\"brandcarousel\">
                        <li><img src=\"/images/s_pic.jpg\" /></li>
                        <li><img src=\"/images/s_pic.jpg\" /></li>
                        <li><img src=\"/images/s_pic.jpg\" /></li>
                    </ul>
                    <div class=\"picture_mask\"> </div>
                </div>
            </div>

(картинка пока одна и та же, просто для примера) carousel не работает. Что-то не дописано или не так написано, в чем причина?

7
  • а Firebug что говорит ?
    – oneboy
    6 июл 2012 в 7:17
  • у меня он не установлен, я им не пользовалась никогда. без Firebug как-то можно выяснить, в чем дело?
    – Heidel
    6 июл 2012 в 7:20
  • jQuery('#mycarousel').jcarousel({ где элемент с id = mycarousel?
    – oneboy
    6 июл 2012 в 7:25
  • У меня элемент с id=brandcarousel, в html-коде <ul id=\"brandcarousel\">, mycarousel это для другого места
    – Heidel
    6 июл 2012 в 7:28
  • ну тогда зачем вам jQuery('#mycarousel').jcarousel({... ?
    – oneboy
    6 июл 2012 в 7:30

1 ответ 1

1

Добавьте после

initCallback: brandcarousel_initCallback,

эту строку:

itemFallbackDimension: 300
8
  • ну я создал такой же html файл с такой же разметкой и у меня с itemFallbackDimension: 300 все работает... ставьте firebug и смотрите ошибку... иначе не решим проблему
    – oneboy
    6 июл 2012 в 7:55
  • вкл firebug -> перейти на вкладку console в firebug -> кликнуть enabled -> перегрузить страницу.
    – oneboy
    6 июл 2012 в 8:08
  • ага, и лучше вообще убедится что netcat скрипты подключил.
    – Smash
    6 июл 2012 в 8:10
  • всё поправила, ошибок нет, но карусель все равно не работает
    – Heidel
    6 июл 2012 в 9:04
  • вот здесь выложен код jsfiddle.net/JHJPS, посмотрите, пожалуйста, не могу понять, что не так.
    – Heidel
    6 июл 2012 в 9:06

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.