0

私のウェブサイトの一部で、各画像の下にいくつかの画像とテキストを挿入したいと思います。画像とテキストを数秒ごとに回転させたいと思います。CSSのみを使用して行うことは可能ですか？

私はグーグルで検索しましたが、JavaスクリプトまたはFlashなどを使用した解決策しか見つかりませんでした。CSS3@keyframesを使用することも可能です。しかし問題は、IEとOperaがそれをサポートしていないことです。互換性のある純粋なCSSソリューションを探しています。

4

2 に答える 2

2

これは、cssのみを使用しては不可能です。CSS3から作成できる素敵な画像ギャラリーがいくつかあります。しかし、私が知る限り、それらは自動的に回転しません。また、IEはほとんどのCSS 3機能をサポートしていないため、IEをサポートする必要がある場合は、javascriptまたはflashを使用する必要があります。

jquery-image-slider-pluginsを調べてみてください。これは、 http： //www.tripwiremagazine.com/の記事で、興味のある画像ローテータープラグインがいくつかリストされています。

編集：

コメントでリンクしたページについて。画像ローテーターにはjavascriptを使用します。私が読んだことから、このプラグインはhttp://jquery.malsup.com/cycle/download.htmlからのもののようです。これらは私がそれに使用されていると私が信じる2つのファイルです：

<script src="http://livedemo00.template-help.com/drupal_38002/sites/all/libraries/jquery.cycle/jquery.cycle.all.min.js?lzqlgq" type="text/javascript">
<script src="http://livedemo00.template-help.com/drupal_38002/sites/all/modules/views_jqfx_cycle/views_jqfx_cycle.js?lzqlgq" type="text/javascript">
于 2012-06-23T02:51:17.053 に答える
2

ええ、止めてやり直すことはできないと思います。それは間違いなく便利なcss機能でしょう。

私が調べていたときにこれを見つけました：http：//codepen.io/whootboy/pen/simple_css_3d_cubes/1

探しているものではありませんが、アニメーションがCSSでどのように機能するかは興味深いです

于 2012-06-23T02:53:18.457 に答える