私は現在、ポートフォリオ サイトを再設計しています。私のレイアウトに示されている次のスライドショーを作成するために、可能な限り最適なフラッシュ以外の方法を使用したいと考えています。
http://oi49.tinypic.com/xeifeq.jpg
ショーには 3 枚程度のスライドしかありませんが、図のように左/右のナビゲーション ボタンをオーバーレイしたいと考えています。
では、これについてどうすればよいでしょうか。
私は現在、ポートフォリオ サイトを再設計しています。私のレイアウトに示されている次のスライドショーを作成するために、可能な限り最適なフラッシュ以外の方法を使用したいと考えています。
http://oi49.tinypic.com/xeifeq.jpg
ショーには 3 枚程度のスライドしかありませんが、図のように左/右のナビゲーション ボタンをオーバーレイしたいと考えています。
では、これについてどうすればよいでしょうか。
純粋なCSSソリューションを使用することもできますが、JavaScriptを使用してスライドショーをアニメーション化することで、ブラウザーのサポートが向上します。
これを行うための約10億のjavascriptプラグインがありますが、ここに良いものがあります-http://css-tricks.com/examples/AnythingSlider/
ほとんどのプラグインのCSSを微調整して、必要なオーバーレイ矢印効果を得ることができます。これに使用する方法は、スライドショーのコンテナをposition:relativeに設定してから、矢印をposition:absoluteに設定することです。たとえば、左矢印はtop:50%left:0を使用して配置できます。
幸運を!
たくさんのオプションがあります。jQueryのようなjavascriptライブラリを使用すると、一度フラッシュする必要のある多くのアニメーションを簡単に実行できます。
グーグル、jQueryスライダーを試してみてください