製品の自動サイズ変更。カルセル

Question

私はProducts.Carouselを試しています。ホームページにカルーセルを作成し、2秒後に自動的に回転する2つのバナーを追加しました。

問題キャロルの設定で幅と高さを設定するか、最初のバナーの値を使用するために空白のままにしておくことになっています。

私が望んだのは、カルーセルがメインコンテンツ領域に同じ幅を使用したことです。私は固定値を設定しようとしましたが、もちろん異なる解像度では動作しません（バナーが正しいポートレット領域に侵入するか、メインのコンテンツ幅が短すぎる可能性があります）。

どのように私はこれを回避することができますか？

Answer 1

私は答えがありません、アイデアだけです。

• メインコンテンツ領域と同じ幅に設定するクラスをバナー領域に設定できますか？
• ％幅を使用できますか？あなたがオーバーライドすることでカルーセルに可変幅を与えることができるはずswfobject.js

Answer 2

を使用して

• フラッシュバナー：

または悪、しかし、成功した、私が使用した方法Products.Carousel.viewlet（ファイルシステムコードまたはportal_view_customizationsのいずれか）。 #content divのように別の要素の幅にキャロラインの幅を設定することをお勧めします：

<div tal:condition="view/available" 
    tal:attributes="id view/element_id;" 
    class="carousel"> 
    <tal:banners tal:define="banners view/banners;" 
     tal:condition="banners" 
     tal:content="structure banners"> 
     Banners 
    </tal:banners> 
    <tal:pager tal:define="pager view/pager;" 
     tal:condition="pager" 
     tal:content="structure pager"> 
     Pager 
    </tal:pager> 
    <script type="text/javascript" charset="utf-8" tal:content="string: 
     (function ($$) { 
      $$('#${view/element_id}').ploneCarousel({ 
       height: ${view/height}, 
       width: $$('#content').width(), 
       transition: '${view/transition}', 
       speed: ${view/speed}, 
       delay: ${view/delay} 
      }); 
     })(jQuery); 
    "> 
    </script> 
</div>