0

WebページにRSSフィードを配置しようとしていますが、スライドショーで記事を表示したいと思います(サイクル2)。

フィードを取得するためにphpスクリプト( "functions.php)を使用しており、すべてが正常に機能していますが、フィードに新しい記事があるかどうかを確認するために、5分ごとにフィードを更新する方法についてサポートが必要です。

これは私が私のdivに持っているものです:

<div id="rss-news" class="cycle-slideshow" 
data-cycle-fx="fade"
data-cycle-speed="500" 
data-cycle-timeout="6000"
data-cycle-slides="> div"
>
<?php
include("functions.php");
//Runs function with feed url and number of posts as arguments
$my_rss = fetch_rss_feed('http://www.thefeed.com/rss', 10); 
?>

<?php foreach ($my_rss as $k => $v) : ?>
 <div>
 <span class="title"><b><?php echo $v['title']; ?></b></span>
 <!--<span class="date"><?php echo $v['date']; ?></span> -->
 <span class="descr"><?php echo $v['descr']; ?></span>
 <span class="enclosure"><img src="<?php echo $v['enclosure']; ?>"></span>
 </div>
<?php endforeach; ?>

アップデート:

私はこのコードで試しました。しかし、それはすべての記事を同時に表示します-サイクリングはありません:

<html>
<head>
<title>Test</title>
<!--<link rel="stylesheet" href="style.css">-->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="http://malsup.github.com/jquery.cycle2.js"></script>
<script type="text/javascript">
function update() {
$("#notice_div").html('Loading..'); 
$.ajax({
type: 'GET',
url: 'getrss.php',
timeout: 2000,
success: function(data) {
  $("#div-one").html(data);
  $("#notice_div").html(''); 
  window.setTimeout(update, 10000);
},
error: function (XMLHttpRequest, textStatus, errorThrown) {
  $("#notice_div").html('Timeout contacting server..');
  window.setTimeout(update, 60000);
}
});
}
$(document).ready(function() {
update();
});
</script>
</head>
<body>
<div id="div-one" class="cycle-slideshow" 
data-cycle-fx="fade"
data-cycle-speed="500" 
data-cycle-timeout="6000"
data-cycle-slides="> div"
></div>
<div id="notice-div"></div>
</body>
</html>

何か案は?

4

1 に答える 1

1

これにはJavascript/jQueryが必要です。こちらをご覧ください:タイマー付きのJquery / Ajax呼び出しなので、基本的に5分ごとに呼び出される関数を設定し、この関数は新しいデータを取得して、スライドショーのある領域に挿入しますがあります(jQuery .html()関数はここで便利です)

于 2013-01-11T21:11:25.873 に答える