###解決したいこと
現在RubyOnRailsでスライドショーを作成しています。
専用のページで画像をアップロードし、JSONを動的に吐き出しています。
しかし、JSONを更新してもスライドショーに反映されません。
###該当のソースコード
JavaScript
1<script> 2 3 slide_vegas(); 4 setInterval("slide_vegas()",1000); 5 6 function slide_vegas(){ 7 $.ajax({ 8 type: "get", 9 url: "http://127.0.0.1:3000/picture/slide.json", 10 dataType: "json", 11 success: function(data){ 12 $('body').vegas({ 13 transition: 'random', 14 transitionDuration: 3000, 15 delay: 10000, 16 animation: 'random', 17 animationDuration: 20000, 18 shuffle: true, // シャッフル 19 slides: data, //画像データJSON 20 timer: false, //タイマー非表示 21 overlay: '/overlays/05.png'} 22 ) 23 } 24 }); 25 } 26 27</script>
###試したこと
タイマーなどの使用方法はなんとか探し当てたのですが、JSONを何度更新してもできませんでした。
###補足情報(言語/FW/ツール等のバージョンなど)
- Chromeを使用しています。
- はじめのJSONに記載されているURL画像は、正しく表示され動作しますが、画面の更新をするまで新しく追加された画像が読み込まれません。
- JSONは下のように増加します。加減する場合もあります。
[{src: "https://.s3-ap-northeast-1.amazonaws.com/image/da8beadb.JPG"},
{src: "https://.s3-ap-northeast-1.amazonaws.com/image/4399eb04.JPG"}]
から
[{src: "https://.s3-ap-northeast-1.amazonaws.com/image/da8beadb.JPG"},
{src: "https://.s3-ap-northeast-1.amazonaws.com/image/4399eb04.JPG"},
{src: "https://.s3-ap-northeast-1.amazonaws.com/image/4399eij8.JPG"},
{src: "https://.s3-ap-northeast-1.amazonaws.com/image/ski8ug7r.JPG"}]
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2016/05/21 17:30
2016/05/21 17:43
2016/05/21 17:53 編集
2016/05/21 18:25
2016/05/21 18:40
2016/05/21 20:52