vegas.jsプラグインでテキストアニメーションを追加するには

Question

私のウェブサイトにvegas.jsプラグイン（http://vegas.jaysalvat.com/documentation） を使用しています。私はそれらの画像でいくつかのテキストを表示したい。どのように画像を使っていくつかのアニメーションテキストを追加することができます。

体にvegas.jsを初期化します。

<script> 
    $("#fullScreenSlide").vegas({ 
     preload : true,/*load then show image*/ 
     autoplay: true, 
     loop: true, 
     shuffle: false, 
     cover: true, 
     transition: 'fade', /*animation-effect*/ 
     transitionDuration: 5000, /*animation duration*/ 
     delay: 12000, /*slide duration*/ 

    slides: [ 
     { src: "images/1.jpg" }, 
     { src: "images/2.jpg" }, 
     { src: "images/3.jpg" }, 
     { src: "images/4.jpg" } 
    ], 
     overlay: 'vegas/overlays/01.png' /*overlay background*/ 
    }); 
    </script> 

Answer 1

はちょうどこの自分自身を修正しました。
私の解決策はこれです：

vegas.js - Add "overlaytext = this._options('overlaytext')," on row 344<br /> 
vegas.js - Edit row 450 "$inner = $('<div class="vegas-slide-inner"></div>')" to the following "$inner = $('<div class="vegas-slide-inner">' + overlaytext + '</div>')" 

そして、あなたのスクリプトは、このように変更します。

<script> 
        $(".right-container").vegas({ 
         slides: [ 
          { src: "/img/slider1.jpg", overlaytext: "text 1" }, 
          { src: "/img/slider1.jpg", overlaytext: "text 2" } 
         ] 
        }); 
       </script> 

これは、それぞれの画像とテキストを取得することで、あなたのスタイルにする必要がありますそれはあなたの必要に応じて。