-1

作業中のサイトで、Galleria.js を使用してバックグラウンド スライドショーを作成しています。さまざまなデバイスにさまざまな解像度を提供できるようにしたいと考えています。私は必要なファイルを生成しているadaptive-images.phpを使用していますが、ガレリアは何があっても元のフル解像度のものをまだ引き出しているようです。これを機能させる方法、またはおそらくpicturefill.jsのような代替ソリューションはありますか?

ありがとう！

4

2 に答える 2

0

ただし、Galleria はすぐに使用できる便利な機能を提供します。次のようなマークアップを提供することで、3 つの異なるサイズの画像を使用できます。

<div class="galleria">
    <a href="/img/large1.jpg"><img src="/img/thumb1.jpg" data-big="/img/big1.jpg" data-title="My title" data-description="My description"></a>
    <a href="/img/large2.jpg"><img src="/img/thumb2.jpg" data-big="/img/big2.jpg" data-title="Another title" data-description="My description"></a>
</div>

「data-big」サイズは、画面サイズに依存せずに、そのままフルスクリーン モードで表示されます。おそらく、もっと便利なものが登場するまでの回避策です。真に適応性のあるすべてのものには、Galleria 用の Javascript プラグインが必要です。

于 2014-08-20T17:11:42.997 に答える