■目的
 ホームページのスライドショー表示が一時的に停止状態になります。
 スライドショウとは別のブログタイトル表示用Feed2jsが要因です。

■問題点
 現象:スライドショウで全スライドを同時表示して一瞬停止します。
    スライドショウの舞台裏を明かしているようで気になります。
 原因:ブログタイトル表示のFeed2jsのタイムラグの影響と推定します。
 対策:ブログタイトル表示をFeed2jsからGoogle Feed APIに変更します。
rss
 cbreezeホームページはこちら

■Google Feed API
 Feed2jsに替えて使用したScriptです。
 オリジナルのコードから日付表示を削除してあります。
<head></head>
<script type="text/javascript" src="http://www.google.com/jsapi"></script>

<script type="text/javascript">
//Google Feed Api
google.load("feeds", "1");
function initialize() {
var feed = new google.feeds.Feed("表示させるRSSフィードのURL");
feed.setNumEntries(表示させたい件数);
feed.load(function(result) {
if (!result.error) {
var container = document.getElementById("feed");
for (var i = 0; i < result.feed.entries.length; i++) {
var entry = result.feed.entries[i];
var dd = new Date(entry.publishedDate); // now
var yearNum = dd.getYear();
if (yearNum < 2000) yearNum += 1900;
var m = dd.getMonth() + 1;
if (m < 10) {m = "0" + m;}
var d = dd.getDate();
if (d < 10) {d = "0" + d;}
var date = yearNum + "." + m + "." + d + " ";
container.innerHTML += "<li><a href='" + entry.link + "' target='_blank'>" + entry.title + "</a></li>";
}
}
});
}
google.setOnLoadCallback(initialize);
</script>
<body></body>
<ul id="feed"></ul>
■表示結果サンプル
 ブログのタイトル表示は赤色網掛け部分で、Feed2jsと同じ表示になりました。
 Google Feed APIへの変更でスライドショウの表示不具合は解消です。
rss
■関連サイト
 今回参照のWebサイトです。
 ウェビメモ:「サイトに外部ブログのRSSを表示する方法 と....」は こちら
 
■結果
 ブログタイトル表示Feed2jsをGoogle Feed APIに変更して全スライドショウ同時表示は解消しました。
 スクリプト挿入位置変更が貢献したと思われますが今回は要因究明より結果優先です。

  blog      MovableType