Dinamik backgroundimages PHP GD

2 Cevap php

Problem Basicly, it's impossible to use a full-size photograph with the background-image in a proper way imo. Different resolutions, wide-screen etc etc. What im looking for is a JS/PHP GD solution for this problem.

Technique From what i hear, it would be as follows. Javascript looks up available screensize (browser window) or screenresolution. Parses this to PHP GD. On the FTP you'll have a high-res image (1600x1200 for example). The PHP GD scales this according to the information parsed by JS. This will also have to work onResize.

Im 'sadece' basit bir tasarımcı yana, JS / PHP benim eksikliği bu konu üzerinde beni öldürüyor.

Herkes uygun bir çözüm ile bana yardımcı olabilir, ben bu kez bitmiş benim yeni sitede onları bağlayabilir arkadaşına isterim. Hollanda'dan önceden ve çok aşık teşekkürler.

Phil

2 Cevap

Temelde, bu imo uygun bir şekilde arka plan görüntüsü kullanmak imkansız.

Ben senin fikrin biliyorum ama web kalanı size katılmıyorum görünür. Onlar o iş yapmak. Ama burada muhtemelen büyük bir sorun değil.

Her kullanıcı için bir arka plan yeniden boyutlandırma, cehennem, sen önbelleğe yoksa her istek, bir nanosaniye sunucu nuke gidiyor. GD boyutlandırır pahalı ve bu paylaşılan barındırma ise, sitenizin bunu başladı sahip bitireceğiz. Aynı sunucuda başka siteler varsa, bunlar bir tarama yavaş olacak.

Eğer sunucuya yeterli kömür kürekle bile, bu oldukça tehlikeli bir kullanıcı deneyimi için yapmak için gidiyor. Yerine sadece dosya indirmek için mümkün olan daha, tarayıcı PHP görüntü oluşturur ve ancak o zaman indirebilirsiniz süre beklemek zorunda olacak.

Ve ne büyük bir ekranda bu siteyi yüklü olur? Burada olası bir ~ 3840 * 1200 çözünürlük var. Bunu büyütmek bile, ben tam sürümünü indirmek gerekir. Büyük ekran boyutu benim bilgisayara optik fiberler İşten anlamına gelmez.

Ama, bütün bu dedi, bu kesinlikle mümkün. Ben jQuery ile başlamak tavsiye ederim. Bu olayları yeniden boyutlandırmak ve-pencere-yük üzerine çengel ve dinamik oldukça basit CSS değiştirerek yapar. "Php boyutlandırmak görüntü", "jquery OnResize" ve "jquery değişim arka plan": cesur ayrıntıları birkaç basit googles ile gerçekleştirilebilir.

Ayrıca bazı kararlar uyacak birkaç css stil sayfasını yapabilirsiniz. Bu denenmemiş bir örnek size bazı yardım verebilir.

<html>
  <head>
    <title></title>
    <link rel="stylesheet" id="styleSwitch" href="" />

    <script  type="text/javascript">
      function getStyle(){
      var theStyleLink = document.getElementById('styleSwitch');­

     if (window.innerWidth < 810){
        theStyleLink.setAttribute("href", ­ "small-window.css");

     }
     else {
       theStyleLink.setAttribute("href", ­ "large-window.css");

       }
     }
   </script>
 </head>
 <body onload="getStyle();">

 </body>
</html>

etiketler