この質問をもう一度開いてもよろしいですか?問題なく動作していますが、これをスタイリングするのに苦労しています。画像を左にフロートさせ、デモのようにテキストを右に折り返すようにしています(画像以外のコンテンツ)。
私のスクリプトは次のとおりです。
<script type="text/javascript">
$(document).ready(function() {
$('.text')
.before('<div id="slidenav">')
.cycle({
fx: 'fade',
speed: 'slow',
timeout: 6000,
pager: '#slidenav',
pause: 1
});
});
</script>
...
<div id="featured">
<div class="text">
<txp:article_custom form="slidetext" section="slide" limit="5" />
</div>
</div>
私のCSSは次のとおりです。
.text { width: 600px; height: 200px; border: 1px solid #ddd; background-color: green; }
.text div { width: 500px; height: 200px; padding: 15px; color: #333; text-align: left; font-size: 16px; background-color:red; }
.text div img {width: 200px; height: 200px; padding: 3px; background: orange }
.text div p{ background-color:black;}
申し訳ありませんが、ここにはフロート プロパティがありません。その CSS は、jQuery サイクルのデモ ページから取得しました。
そして結果は
http://img147.imageshack.us/img147/4434/jqueryhelpdl5.jpg http://img147.imageshack.us/img147/4434/jqueryhelpdl5.jpg
http://img147.imageshack.us/img147/4434/jqueryhelpdl5.jpg