2012-01-20 6 views
2

私はASP.NET MVC3のウェブサイトのログインボタンセット(courtesy of Komodo Media)を使用し、対応するボタンにアイコンを割り当てたいが、ボタンセットは、単一の画像です:
enter image description here 別に画像エディタで行くからアイコンを別々のイメージファイルに分割する方法はありますか?コードでそれを行う方法はありますか?私は同じようなことがstackoverflowのマークアップボタンで行われていることを知っているが、私は(どちらか適切な用語がわからない)プログラム的に同じことを行う方法がわからない:
enter image description hereボタンに設定されたアイコンの領域をどのようにマップしますか?

」への適切な方法は何ですか画像の異なる部分を別々のボタンにマップしますか?

答えて

2

これはCSS spriteです。 Scott Hansleman bloggedについて個人的に私は多くのプロジェクトでSprite and Image Optimization frameworkを使っています。

@Sprite.Image("~/App_Sprites/facebook.png") 

CSSの背景位置決め技術を使用して単一のSpriteから正しい画像をレンダリングします:あなたは、単に次のヘルパーを使用することができカミソリで例えば

+0

ドキュメントを通過した後、私がまだ別のアイコンに画像を分割し、スプライトや画像最適化フレームワークは、私のためスプライトを発生させる必要がありますようです。私はちょうどあなたが複数のアイコンで始まり、フレームワークがあなたのために単一のスプライトを生成するこの答えを見る他の誰かを指摘したいと思います。 – Kiril