2016-08-28 8 views
1

ベガスのスライダ(http://vegas.jaysalvat.com/)に1つの質問があります。vegasスライダをdivの背景に追加する

この黒い背景としてスライダーを追加したいと思います。

HTMLコード:

<div class="ui inverted vertical masthead center aligned segment" id="slider1"> 
    <div class="ui container"> 
    <div class="ui large secondary inverted pointing menu" style="border-style: none;"> 
     <a class="toc item"> 
     <i class="sidebar icon"></i> 
     </a> 
     <a class="active item">Home</a> 
     <a class="item" href="patron.php">Parton</a> 
     <a class="item" href="insygnia.php">Insygnia</a> 
     <a class="item" href="historia.php">Historia szkoły</a> 
     <a class="item" href="dokumenty.php">Dokumenty</a> 
     <a class="item" href="matura.php">Matura</a> 
     <a class="item" href="strony.php">Strony WWW</a> 
     <a class="item" href="galeria.php">Galeria</a> 
     <a class="item" href="kontakt.php">Kontakt</a> 
    </div> 
    </div> 
    <div class="ui text container"> 
    <h1 class="ui inverted header"> 
     Życie jest długie, jeżeli się umie z niego korzystać. 
    </h1> 
    <h2> 
     Senega 
    </h2> 
    </div> 
</div> 

基本ラスベガスのスクリプトが貼り付け:

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

は誰がHTMLにこのスクリプトを実行するには、私を助けてもいいですか?私は典型的なプログラマーではない、私はJS言語を知らない。

ありがとうございます。

答えて

0

#example#slider1に変更してコンテナIDと一致させ、srcの値をサイトの画像を指すように置き換えます。ブラウザのコンソールでサイトでテストした例を次に示します。

もちろん、これを自分の画像に置き換えてください。

関連する問題