ヘッター画像をCrossSlideと連携して使いたいのですが。
-
<script>
jQuery(function() {
jQuery(‘#slideshow’).crossSlide({
sleep: 2,
fade: 1
}, [
<?php $headers = get_uploaded_header_images(); ?>
<?php foreach ($headers as $key => $value): ?>
{ src: ‘<?php echo $value[‘url’]; ?>’ },
<?php endforeach; ?>
])
});
</script><div id=”slideshow”></div>
こちらの記述を使うと下記の様に出力されて
<script>
jQuery(function() {
jQuery(‘#slideshow’).crossSlide({
sleep: 2,
fade: 1
}, [
{ src: ‘http://www.www.www/wp/wp-content/uploads/main_photo01.jpg’ },
{ src: ‘http://www.www.www/wp/wp-content/uploads/main_photo02.jpg’ },
{ src: ‘http://www.www.www/wp/wp-content/uploads/main_photo03.jpg’ },
{ src: ‘http://www.www.www/wp/wp-content/uploads/main_photo04.jpg’ },
{ src: ‘http://www.www.www/wp/wp-content/uploads/main_photo05.jpg’ },
{ src: ‘http://www.www.www/wp/wp-content/uploads/main_photo06.jpg’ },
])
});
</script>最後の画像を出力するタグも
{ src: ‘http://www.www.www/wp/wp-content/uploads/main_photo06.jpg’ },
最後にカンマが入ってしまい。IE8ですと表示されなくなってしまうようです。こちらは何か回避する方法などはあるのでしょうか?
現状は仕方が無いので手動で記述しております。
-
こんにちは
このような感じで回避できませんか
<script type="text/javascript" id="enough-slider-js"> jQuery(function() { <?php $last = end($headers);?> jQuery('header').crossSlide({ sleep: <?php echo $sleep; ?>, fade: <?php echo $fade; ?> },[<?php foreach ($upload_image as $key => $value){ if($value == $last){$separator = '';}else{$separator = ',';}?> {src: '<?php echo $value['url']; ?>' }<?php echo $separator;?><?php } ?>]) }); </script>
ソースを記述する時は、ソース全体を選択して、codeボタン押してください
nobitaさま ご返信ありがとうございます。
頂いた、スプリクトの方試してみましたが
どうも画像の出力が出来ないようでした、他で代用出来ないかちょっと探してみます。どうもありがとうございました。
sakmacさん
私もたまたま同じく、アップロードされた画像をスライドショー形式で表示させるテストを行っており同じことを体験しております。
ieで動作確認した際に、最後のカンマが邪魔していることに気づかなくて、困っておりました。カンマが無いと動作するのも確認できました。
あとは、nobitaさんのアドバイスの様に 最終行を取得した際に、カンマを入れないような記述でいけました。
醜いですが、以下がテストしたソースです。
<script> jQuery(function() { jQuery('#slideshow').crossSlide({ sleep: 2, fade: 1 }, [ <?php $headers = get_uploaded_header_images(); ?> <?php $last = end($headers); ?> <?php foreach ($headers as $key => $value): ?> <?php if($value == $last){$separator = '';} else {$separator = ',';} ?> { src: '<?php echo $value['url']; ?>' }<?php echo $separator;?> <?php endforeach; ?> ]) }); </script> <div id="slideshow"></div>
- トピック「ヘッター画像をCrossSlideと連携して使いたいのですが。」には新たに返信することはできません。