WordPressでスライドショーを実現するためJQueryのCrossSlideを導入して、次のようなソースコードを組み込んだが、下記のソースで指定した4つ画像は表示されなかった。
<script>
jQuery(function() {
jQuery(‘#slideshow’).crossSlide({
sleep: 2,
fade: 1
}, [
{ src: ‘http://kita.momiji.ne.jp/htdocs/wp-content/uploads/2012/03/header_blue.jpg’ } ,
{ src: ‘http://kita-momiji.ne.jp/htdocs/wp-content/uploads/2012/03/header_green.jpg’ } ,
{ src: ‘http://kita-momiji.ne.jp/htdocs/wp-content/uploads/2012/03/header_pink.jpg’ } ,
{ src: ‘http://kita-momiji.ne.jp/htdocs/wp-content/uploads/2012/03/header_red.jpg’ } ,
])
});
</script>
原因は、最後のheader_red.jpg指定時に ,(上記ソースコード上の赤の部分)を付けていたためであった。調べてみるとIEではこのようにすると表示されないとのことであった。 この,を削除すると指定した画像がスライドショーとして表示された。