クライアント側でデータキャッシュ（ブラウザ）を使用する場合、スプライトデバッグは「空の」作業も追加します。 ブラウザにデータの新しいバージョンを提供するために、CSSファイルと画像の名前を毎回変更する必要があります。
qpimgは、CSSスプライトを動的に作成するためのphp5ライブラリです。 上記の問題を解決します。
例
スクリプトの例はここにあります 。 この例では、18個の画像を3つのスプライトに変換する方法を示しています。 最初のスプライトには静的画像が含まれています。 2番目のスプライトには、水平方向に繰り返される背景画像が含まれています。 3番目のスプライトには、垂直に繰り返される背景画像が含まれています。
ハイライト/ qpimgの利点
- qpimgを使用すると、無制限の数のマップを記述することができます（マップは、スプライトイメージとそれに対応するcssファイルの組み合わせです）。 各カードのパラメーターは、単一の構成phpファイルに記述されています。 これにより、開発者はサイトの開発中にマップを動的に管理できます。
- マップ上の各オブジェクトの柔軟な設定。
- オブジェクト（css-selectors）の名前は、ファイルの名前に関係なく設定されます。
- qpimgでは、カスタムcssセレクター（「リスト項目」、「特定のIDを持つdivオブジェクト」など）の両方に背景画像を割り当て、「カスタム」qpimgルールを使用してカスタムcssセレクターを作成できます。 ;
- カードの他のサイトに保存されている削除された画像を含める機能。
- さまざまなマップのcssファイルを単一のcssファイルに結合（およびユーザーに提供）しますが、別個のスプライト（イメージ）を使用します。
- cssファイルと画像を手動で生成/調整する必要はありません。
- その場でマップを作成することが可能です（サイトスクリプトの実行中）。 これにより、ページ上の動的に変化する（ただし、頻繁ではない）画像のグループを単一のマップに結合できます。 例は製品/製品ページです。ここでは、これらの製品のページを表示するよりもアイテムを追加する頻度が少なくなります。
ライブラリについて詳しく知るには、例を参照し、qpimg Webサイトからライブラリをダウンロードすることもできます。