YARDIM... fotografı belli olanranda kucultup belli bir bolgesini alma?

merhaba arakdaslar benim yapmak istediğim birşey var fakat pek fazla örneği yok bununda.. mesela facebookta profil resminiz cok buyuk oldugunda belli bir kısmını alıp kucultur video resim vs. paylaştığınızda sol trafta çıkar profil resminiz kuculmus halde ve pixellerde bir bozulma veya resmin gorunusunde bir değişiklik olmadan.. bunu css ile nasıl yapabiliriz yada jquerymi kullanmak zorundayız? bunun için ne yapmamız gerekior ??

ben mesela yaptıgım tasarımlarda bi yazı alanına gelebilecek bir resme mesela max-width: 400px; derim resmin uzunlugu max 400 px olur ve boylelikle bozulma olmaz ama bunu ana sayfadaki kucuk resimlere yaptıgımızda resim uzunluguna orantılı şekilde boyuda kuculmekte ve istenmeyen goruntu orataya çıkmakta.. bunlara max-width ve height belirlediğin zamanda resim yatay ise berbat çıkıyor bana bu konuda bi yardım edebilecek olan varsa nasıl yapıldıgını anlarsa süper olur..

Facebook, yüklenen bir resmi birkaç farklı boyutlarda kaydediyor.
Örneğin resmimizin:
Orjinal Boyutu (1024*768px diyelim)
Resmin Görünlendiği Boyut (720*460px diyelim)
Albüm İçin Boyut (200*200px diyelim)
Küçük boyut (50*50 px olarak)

Bu gibi farklı boyutlarda kaydediyor ve ilgili sayfada resmin boyutunu gösteriyor.

Bunlara Thumbnail denilmekte kısaca. Soruya gelecek olursak, CSS ile tek başına yapılmaz. Ajax ya da jQuery ile yapılabilir sanırım. Ajax/jQuery thumbnail diye aratırsanız belki birşeyler bulabilirsiniz.

Kolay gelsin

kereky şöyle bir şey yapabilirsin:

resmi css ile background olarak verirsin. Mesela bir div içine verirsen, divin boyutlarını istediğin gibi ayarlarsın ve istediğini elde edersin. background-position ı da kullanarak resmin istediğin yerini gösterebilirsin. Bunun dezavantajı ise resmin tamamının yüklenecek olmasıdır. Dolayısıyla sayfa yüklenme boyutu artar.

Arkadaş, Bir resmi 100x100 olarak gösteriyorum fakat, resmin boyutu 500x500 olunca sorun olmuyor da 500x200 olunca ortaya çok feci bir görüntü çıkıyor diye sormuş sanırım

Benim anlattığımda bir sorun yok ki. Sadece dediğimi genel bir yapıda uygulamak zor olur. Her resim için ayrı ayrı uygulamak lazım.

Söylediğin örnekten gidecek olursak: Anlattığım yöntem ile 500x500 resmin sadece sol ve üst taraftan 100x100 lük kısmını gösterebilir. Aynı şekilde 500x200 lük resmin de sol ve üst taraftan 100x100 lük kısmı gösterilir. Sol ve üst olarak yaptığım tanımını da background-position ile ayarlayabilir. Ve resim feci gözükmez

Ayrıca ajax ile alakası olmayan birşey, neden öyle düşündünüz?

Genel yapıda uygulamak için ise javascript de faydalanılabilir.

sanırım aradığımı buldum teşekkürler.. ben css ile yapılabilir diye tahmin ediyordum ama olmuyormuş ama çok problem değil jquery ile yapmaya çalışacaz.. bu arada sayenizde aradığımada ulaştım hepinize ilginiz için teşekkürler..

ilgili kişiler için linkte vereyim.. : http://joanpiedra.com/jquery/thumbs/