Bir projede haberleri listelediğinizi düşünün ya da kayıtlı üyelerin fotoğraflarını listeliyorsunuz. Fotoğrafları listelerken bir html image kontrolümü yoksa asp ımage kontrolü mü kullanırsınız ? Peki bu kontrolün genişliğini ne verirsiniz ? Neye göre verirsiniz ? Yoksa orjinal haliyle mi görüntülersiniz ? Peki dosya upload edilirken bir resize işlemi yapıyor musunuz ? Buna rağmen genişliği küçültseniz de yüksekliğin ne olacağını bilemiyorsunuz. Yükseliği de belli bir ölçüye zorlarsanız bu sefer resmin kalitesi bozulacak. Peki çözüm nedir ?
Dosya upload edilirken hassas resize işlemleri ile bu iş halledilir ama bu kadar detaya inmek istemiyorsanız bir div katmanının arka zemin görüntüsüne imajı verirseniz rahatlıkla meseleyi halledersiniz.
Yukarıdaki örnekte bir datalist içinde bulunan div katmanının arka zemin görüntüsünü veritabanından eval metodu ile alıyorum.
Görmüş olduğunuz gibi fotoğrafın tamamını değil belli bir kısmını genişliği ve yüksekliği 80px olan bir div katmanı içine aldım ve daha hoş bir görüntü elde ettim.