2017-02-07 3 views
-3

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

я скачал из http://vegas.jaysalvat.com/ Лас-Вегас (на GitHub есть другие файлы);

После того, как я создал index.html (и поместите его на папку Вегас)

Прежде всего спасибо, я извиняюсь за мое невежество, но не могли бы вы объяснить более подробно? Все файлы находятся в корневом каталоге папки: vegas.min.css, vegas.min.js, index.js, index.html, bridge.jpg

Я также попробовал этот способ (без результатов):

- index.html:

<!doctype html> 
<html> 
<head> 
<meta charset="utf-8"> 
    <link rel="stylesheet" href="vegas.min.css"> 
    <script src="vegas.min.js"></script> 
    <script type="text/javascript" src="index.js"></script> 
    <script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></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" } 
    ] 
}); 

EDIT Я решил я опустил StrI нг $ (функция() {

-index.js:

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

Что происходит _is_? – Keith

+0

Добро пожаловать в StackOverflow! Чтобы мы могли помочь вам лучше, обновите свой вопрос, чтобы он показывал весь соответствующий код в [минимальном, полном и проверяемом примере] (http://stackoverflow.com/help/mcve). Это включает в себя предполагаемое поведение и текущее поведение. Например, какие ошибки вы получаете? Также не забудьте сообщить нам, что вы пробовали до сих пор, чтобы решить вашу проблему. Для получения дополнительной информации см. Статью [справочная статья] (http://stackoverflow.com/help/how-to-ask) относительно того, как задавать хорошие вопросы. –

ответ

0
$("#ElementToAttachSlideTo").vegas({ 
slides: [ 
    { src:'bridge.jpg', fade:1000 }, 
    { src:'/img/bg2.jpg', fade:1000 }, 
    { src:'/img/bg3.jpg', fade:1000 } 
] 
}); 

Привет, судя по ней, вы должны создать элемент в вашем теле разделе HTML файла и затем привяжите слайдер к этому элементу с помощью селектора jquery.

Смежные вопросы