merhaba..sitemde boyutları değişik resimler yayınlıyorum.. max-width max-height kullanarak 500*400 den büyük resimleri boyutlandırıyorum ancak IE 6 dan siteme baktığımda css kodlarının çalışmadığını gördüm..1 haftadır birçok sitede sorunun çözümünü aradım ama hiçbiri olmuyor..
Internet Explorer Min and Max Width Bug + Fix
bu konudaki anlatımı uyguladım ama resim gerçek boyutlarında görüntüleniyor...
wordpress'teki otomatik resim boyutlandırma'yı php siteye nasıl uygularım veya IE 6 da boyutlandırma nasıl yapılır.?
Sitemde küçük resimlerde olduğu için width height değeri girerek boyutlandırma yapmak istemiyorum..
Wordpress'teki otomatik resim boyutlandırma
5
●1.124
- 27-08-2008, 16:47:31
- 27-08-2008, 17:35:18Üyeliği durduruldusorununu tam anlamadım ama kendi yazdığım bir fonksiyon var bu konuda. en/boy oranını koruyarak resmi küçültür. eğer resim maksimum değerlerin altında ise olduğu gibi bırakır. işine yarar umarım.
<?php function resize_jpg($inputFilename, $max_w, $max_h){ $imagedata = getimagesize($inputFilename); $w = $imagedata['0']; $h = $imagedata['1']; if ($w > $max_w) : $n_w = ($max_w / $w) * $w; $n_h = ($max_w / $w) * $h; elseif ($h > $max_h) : $n_h = ($max_h / $h) * $h; $n_w = ($max_h / $h) * $w; else: $n_h=$h; $n_w=$w; endif ; if ($n_h > $max_h) { $n_w = ($max_h / $n_h) * $n_w; $n_h = ($max_h / $n_h) * $n_h; } return 'width="'.$n_w.'" height="'.$n_h.'"'; }?> - 27-08-2008, 18:14:11Kimlik doğrulama veya yönetimden onay bekliyor.CSS style dosyana şunu ekle.
img { max-width:735px; width: expression(this.width > 735 ? 735: true); }max-width:735px; kısmı Firefox için, diğer satır da IE için. 735 i kendine göre değiştirebilirsin. - 27-08-2008, 22:45:26bunu denemiştim ama IE 6 da resim küçülmüyor.. resmi div arasına alıp id=img olarakmı yapacagız yoksa class=img olarakmı..Cappystarj0e adlı üyeden alıntı: mesajı görüntüle
img kodunu nasıl kullanacagımı söylersen sevinirim. - 27-08-2008, 22:47:08
- 29-08-2008, 20:03:43senin denediğin yukarıda adresini verdiğin yer ise ordaki ile benimki biraz farklı. wp temandaki style ayarlarının bulunduğu -ki büyük ihtimalle style.css'dir- dosyaya gir ve oraya yukarıda yazdığım kodu ekle.
bu img kodu <img src=... olarak başlayan her kodda geçerli olur. eğer <img den önce <p> kullanılıyorsa kodda img { yerine p img { yok eğer <img den önce kesinlikle <div> kullanılıyorsa img { yerine div img { yazarak da deneyebilirsin.
bu varyasyonlar kullandığın temaya göre değişiklik gösterir. örneğin bendeki bir tema img den önce muhakkak <p> tagı kullandığı için kodu img { .. olarak değil p img { olarak kullanıyorum.
örnek css: css
