Member 12989102 Ответов: 1

Пустая страница после установки vegas slideshow


Привет у меня проблема с установкой слайд шоу vegas:
http://vegas.jaysalvat.com/documentation/setup/

-Я скачал Вегас из http://vegas.jaysalvat.com/ (на github есть и другие файлы);
-Я поместил все файлы в корень папки: vegas. min. css, vegas.min.js, index.js, bridge.jpg (пример рисунка)
-Я создал Ан index.html

В результате получается чистая страница.
Где же проблемы?

Спасибо

Что я уже пробовал:

-index.html:

<!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
      <script type="text/javascript" src="http://code.jquery.com/jquery.min.js">
      <link rel="stylesheet" href="vegas.min.css">
      <script src="vegas.min.js"></script>
      <script type="text/javascript" src="index.js"></script>
</script>
    </head>
    <body>
        <div style="height: 100vh">
        <div id="ShowSlideShowHere" style="height: 100vh"></div>
        </div>
    </body>
    </html>


-index.js:

$("#ShowSlideShowHere, body").vegas({
    slides: [
        { src: "bridge.jpg" },
        { src: "/img/slide2.jpg" },
        { src: "/img/slide3.jpg" },
        { src: "/img/slide4.jpg" }
    ]
});

F-ES Sitecore

Читали ли вы какие-либо диагностические предложения в вашем другом, теперь удаленном вопросе?

NotPolitcallyCorrect

"Где проблемы?", первая проблема заключается в том, что вы не слушаете. Что сказал автор кода, когда вы спросили его о вашей проблеме?

Member 12989102

я не понимаю! Что ты имеешь в виду?

Richard Deeming

Очевидная проблема заключается в том, что вы скопировали код со страницы настройки, не понимая его.

$("#ShowSlideShowHere, body").vegas({...

Вы пытаетесь применить плагин как к <div> И то <body>- Это, наверное, не сработает. Измените его на:
$("#ShowSlideShowHere").vegas({...

Если он все еще не работает, то вам придется обратиться за поддержкой к автору плагина, отправив проблему в репозиторий GitHub:
https://github.com/jaysalvat/vegas/issues[^]

Karthik_Mahalingam

Всегда использовать  Ответить  кнопка, чтобы отправить комментарии / запрос пользователю, чтобы пользователь получил уведомление и ответил на ваш текст.

1 Ответов

Рейтинг:
1

Member 12989102

Не волнуйся, решил я:
Я меняюсь

$("#ShowSlideShowHere, body").vegas({
    slides: [
        { src: "bridge.jpg" },
        { src: "/img/slide2.jpg" },
        { src: "/img/slide3.jpg" },
        { src: "/img/slide4.jpg" }
    ]
});

С

$(function(){
$("#ShowSlideShowHere, body").vegas({
    slides: [
        { src: "bridge.jpg" },
        { src: "/img/slide2.jpg" },
        { src: "/img/slide3.jpg" },
        { src: "/img/slide4.jpg" }
    ]
});
});