###前提・実現したいこと
カルーセルのプラグインを入れているのですがその中身をxmlにしたいと考えています。
現状読み込んでいるファイルは、
- jqueryを使うときのjs
- カルーセルのプラグイン(jquery.FlexSlider.js)
- xmlをhtml上に書き出すjs
です。
###発生している問題
xmlの読み込みは正常に行われているのですが、うまくカルーセルのjsと噛み合ってくれません。
現状、xmlで読み込んだ画像が縦に並んでいる状態です(html上に直接書くとカルーセルは動きます)。
###ソースコード
html
1<div class="flexslider"> 2 <ul class="slides"> 3 </ul><!-- /.slides --> 4</div><!-- /.flexslider -->
javascript
1$(function(){ 2 $.ajax({ 3 url:'xml/slide.xml', 4 type:'GET', 5 dataType:'xml', 6 timeout:1000, 7 error:function() { 8 alert("ロード失敗"); 9 }, 10 success:function(xml){ 11 $(xml).find("item").each(function() { 12 $(".slides").append('<li><a href="' + $(this).find('url').text() + '" target="_blank"><img src="' + $(this).find('imgsrc').text() + '" alt="" width="600" height="333" /></a></li>'); 13 }); 14 } 15 }); 16});
xml
1<?xml version="1.0" encoding="UTF-8" ?> 2<info> 3 <item> 4 <url>hogehoge</url> 5 <imgsrc>hogehoge</imgsrc> 6 </item> 7 8 <item> 9 <url>hogehoge</url> 10 <imgsrc>hogehoge</imgsrc> 11 </item> 12 13 <item> 14 <url>hogehoge</url> 15 <imgsrc>hogehoge</imgsrc> 16 </item> 17</info>
###補足情報
htmlのhead内にカルーセルのプラグインを制御するscriptを記述しています。
html
1<script type="text/javascript"> 2$("document").ready(function(){ 3 $('.flexslider').flexslider({ 4 animation: "slide", 5 slideshowSpeed: "5000", 6 }); 7}); 8</script>
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2015/12/05 06:24