Liferay ポータルを使用していて、画像を表示したいのですが、ポータルには画像ギャラリーがありますが、わかりにくいです。単純なカバーフローのような表示が必要です。上部に大きな画像とサムネイルまたは次/前のボタンが表示されます。
画像のリストがあると仮定してのみ、JavaScriptで実装する方法はありますか?
Liferay ポータルを使用していて、画像を表示したいのですが、ポータルには画像ギャラリーがありますが、わかりにくいです。単純なカバーフローのような表示が必要です。上部に大きな画像とサムネイルまたは次/前のボタンが表示されます。
画像のリストがあると仮定してのみ、JavaScriptで実装する方法はありますか?
グローバル スコープ (カルーセル) で構造とテンプレート (Web コンテンツ管理の要素) を提供するデフォルトの Web コンテンツ フックを見つけることができます。これらを使用すると、画像と提案されたサイズを参照して記事を作成できます。テンプレートは、残りのレンダリングを処理します。
それがあなたのニーズを満たさない場合は、出発点としてそれを取ることができます. 少なくとも、画像の選択をプレゼンテーションから切り離すには良い方法です。
これを実現するために利用できる JavaScript ライブラリは多数ありますが、そのうちの 1 つがColorboxです。
いくつかの考慮事項:
イメージ ギャラリーのビルトイン ポートレットに画像を表示する場合は、liferay のコード (イメージ ギャラリー表示ポートレット用) を変更するためのフックが必要であり、それを実行するための独自の JavaScript を含めます。
またはそうでなければ
プラグイン ポートレットを自分で作成し、Liferay の Image Gallery API を使用して画像を取得し、カスタム JavaScript ライブラリを使用して表示することもできます。このアプローチの利点は、表示方法と表示内容の自由度が高くなり、組み込みポートレットで liferay jsp コード全体を処理する必要がないことです。
注: Liferay 6.1以降、個別の画像ギャラリー ポートレットはありません。代わりに、1 つに結合され、Documents & Media portlet
2 つの異なる表示ポートレットがあります:Document Library Display portlet
とMedia display portlet
.
お役に立てれば。