Neler yeni

Yeni mesajlar Yeni konular En çok mesaj En çok tepki En çok görüntülenen

yardımcı olurmusunuz-web sayfasındaki resimin monitör ekranına giöre otomatik ayarlanması

futurist

⭐Deneyimli Tasarımcı⭐
Katılım
20 Ara 2012
Mesajlar
179
Tepkime puanı
0
merhaba
Nerdeyse 100 siteye baktım ama tam bir açıklama bulamadığım bir konuda yardım istemeye karar verdim. bilen arkadaşlardan yardım istiyorum:


Sorunum şu:
Sitemde alt alta 8 tane div olacak ve her div bir ekranı kaplayacak şekilde yerleştirilecek ve içlerinde resim olacak

yani siteye girer girmez tam ekran bir resim görünecek

Bu dediğimi oluşturduktan sonra sorun şu ki benim bilgisayar ekranım 21 inc yani 1920x1080 boyutunda.
Bu düzende yaptıktan sonra diğer daha küçük monitörlerde resmin tamamı görünmüyor.background-size : cover gibi css düzenlemelerinin hepsini denedim. Kendi bilgisayarımda süper ama başka bilgisayarda açınca facia. Multiscreen de devamlı kontrol ediyorum. Özellikle 1024x748 de resim çok kırpılmış oluyor.
Kısacası her monitöre otomatik ayarlama nasıl yapabilirim. Tabi uzun bir açıklama olmayabilir ama yolunu söylerseniz çok memnun olurum. Sadece jquery ile olur deniyor. Ama hangi eklentiyi aratmalıyım.
Yapmaya çalıştığımın nerdeyse aynısı bir site:

Collections

ayrıca insert -image şeklinde yapılan uygulamayı istemiyorum çünkü üstüne slayt ve yazılar yazacağım için yazılar sorun oluyor. ben backgroun-image olarak atanmış resim için uygulama arıyorum.

yada insert ile olacaksada resmin üzerine sorunsuz divler yerleştirme nasıl olunacağını biliyorsanız o konuyada açığım ben yapamadım çünkü.

şimdiden teşekkür ederim
 

Salamander

🏅Acemi Tasarımcı🏅
Katılım
20 Nis 2012
Mesajlar
57
Tepkime puanı
0
Web sitesi
www.rasitbolukcu.com
Javascript ile sorununuzu çözebilirsiniz. Başka yolları da bulunabilir ama ben olsam jquery ile hallederdim. Örneğin bahsettiğiniz div'lerin class'ı myDiv olsun. Aşağıdki kod sorununuzu çözerdi diye düşünüyorum.


Kod:
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script>
$(document).ready(function(e) {
   initMyDiv();
});

function initMyDiv(){
   $(".myDiv").css("width",$(window).width() + "px");
   $(".myDiv").css("height",$(window).height() + "px");
}
</script>

Not: Kodu test etmedim. Ama halledeceğini düşünüyorum. Şayet işe yaramazsa haber verirseniz daha detaylı baakrım.
 

futurist

⭐Deneyimli Tasarımcı⭐
Katılım
20 Ara 2012
Mesajlar
179
Tepkime puanı
0
çok teşekkür ederim ama javadan pek anlamıyorum.

Daha doğrusu işin çok başındayım ve o kısımlara daha tam giriş yapmadım. ben daha pratik yolu varmı diye araştırıyorum. css den mesela.

Şayet bulamazsam yazdıklarınızın kullanım konusunda tavsiyenize uyup sizi tekrar rahatsız edebilirim.
 
Üst