1

リンゴのようなタイムマシン アニメーションの優れたリソースは、「スペース ギャラリー」です: http://www.eyecon.ro/spacegallery

ギャラリーをバナーとして使用するために、すべての画像の上にテキストを配置したいと思います。DIV を使用して、IMG と参照テキストをその中に配置するのが最善の方法だと思います。

悲しいことに、.html で「img」を「div」タグで囲み、.js で「img」を「div」に変更することによっては行われません... :(

DIV またはさらに優れたソリューションを使用するアイデアはありますか?

4

1 に答える 1

0

それは素晴らしいプラグインです。作者が将来さらにいくつかのメソッドを追加する(またはgithubのように配置する)ので、これをよりプログラム的に行うことができます。現時点では、spacegallery.js自体を微調整する必要があるかもしれません。

私の最小限の解決策は、画像の左上隅に配置されたキャプションに兄弟divを使用し、CSSスタイルを借用することです。これがプラグインのコピーです。変更はspacegallery.jsにあります。いくつかの差分ツールを使用して変更を確認します。

画像のalt属性(index.htmlに追加)をキャプションとして使用するために行いました。しかし、それは多くのより良い方法で行うことができます、これは単なる基本です。また、最初のサイクルの後は機能せず、スタイルを追加しませんでした:)

于 2012-03-20T12:53:00.493 に答える