FrontPage
ナビの下にスライドショーを表示する。
◆解説
- jQueryで navigator IDを検索してそこに画像を追加します。ナビとコンテンツの間に画像が追加されます。
- 追加した領域に、headinfクラスで定義した領域を上から被せます。
- そのheadinfクラス内で #slideshowプラグインによりスライドショーを行います。
◆設置手順
- 画像をSWFUでアップします。この例では 横750px 縦180pxの画像を3つ使用しています。
- 以下のコードを編集画面に入れてください。全部の画面に適用したいときは、メニュー管理からナビ2画面を開いてそこに入れてください。
◆注意
- W3Cの文法チェックで1つだけエラーが出ていますが、正常に表示されます。只今、このエラーを取る努力をしています....
コード
#beforescript{{ <style type="text/css"> <!-- #wrapper{ position: relative; } .headinf{ width: 750px; height: 180px; position: absolute; top: 84px; left: 0px; } --> </style> }} #beforescript{{ <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#navigator").append('<img src="swfu/d/img750x180_1.jpg" />') }); </script> }} #html2(<div class="headinf">) #slideshow(180,false,4){{ http://qhmtips.com/qhm_n03/swfu/d/img750x180_1.jpg,画像1 http://qhmtips.com/qhm_n03/swfu/d/img750x180_2.jpg,画像2 http://qhmtips.com/qhm_n03/swfu/d/img750x180_3.jpg,画像3 }} #html2(</div>)
ご意見箱
皆様のご意見をお待ちします。