acele yardımınız gerekıyor resim boyutlandırma kodu?

23-05-2009, 01:13:21

arkdaslar elımde resım boyutlandırma kodu var ana sayfada kı 600 px den buyuk resımlerı ıstedıgım boyuta getırıyor fakat benm logo da 600 den buyuk oldugu ıcın onuda kucultuyor bu konuda bana yardımcı oalcak iyi anlayan bıri varmı varsa lütfen yardım etsın acil bekıyorum....

23-05-2009, 01:32:44

#2

anka81

bunu neyle yapıyosun ?
javascript ise kodlarını yazman lazım.

23-05-2009, 01:45:58

#3

sant9

buyrun kodlar

<script>
window.onload = resizeimg;
function resizeimg()
{
   if (document.getElementsByTagName)
   {
      for (i=0; i<document.getElementsByTagName('img').length; i++)
      {
         im = document.getElementsByTagName('img')[i];
         if (im.width > 500)
         {
            im.style.width = '500px';
            eval("pop" + String(i) + " = new Function(\"pop = window.open('" + im.src + " ','fullscale','width=400,height=400,scrollbars=1,resizable=1'); pop.focus();\")");
            eval("im.onclick = pop" + String(i) + ";");
            if (document.all) im.style.cursor = 'hand';
            if (!document.all) im.style.cursor = 'pointer';
            im.title = 'Resmin Büyük Hali için tıklayın ';
         }
      }
   }
}

</script>

<script language="JavaScript" type="text/javascript">
<!-- ;
var pencere = ''
function PENCERE(url,en,boy) {
  if (pencere.location && !pencere.closed) {
      pencere.location.href = url;
      pencere.focus(); 
  } else {
      pencere=window.open(url,'htmlname','width='+en +',height='+boy +',resizable=0,top=0,left=100');
  }
}

function tidy() {
  if (pencere.location && !pencere.closed) {
     pencere.close(); 
  }
}
-->
</script>

bunu png harıc dıger resımlerı kucultecek sekılde ayarlayamazmıyız

23-05-2009, 07:56:57

#4

arno

js den pek anlamam ama yanlış tahmin etmiyorsam bu kod <img .. /> tagındaki resimleri küçültüyor. Bu yüzden boyut değiştirmesini istemediğin resimleri div tagına alıp style, class ya da id attribute larından birini kullanarak CSS ile arkaplan (background: ...

şeklinde resimi koyarsan muhtemelen boyutu değişmeyecektir.

Dediğim gibi ben yanlış tahmin ediyor olabilirim ama denemekten zarar gelmez. Kolay gelsin...

23-05-2009, 09:38:27

#5

SuSpect

Kimlik doğrulama veya yönetimden onay bekliyor.

Şu şekilde olabilir;

<script>
window.onload = resizeimg;
function resizeimg()
{
   if (document.getElementsByTagName)
   {
      for (i=0; i<document.getElementsByTagName('img').length; i++)
      {
         im = document.getElementsByTagName('img')[i];
         if (im.className == "img_resize") {
         if (im.width > 500)
         {
            im.style.width = '500px';
            eval("pop" + String(i) + " = new Function(\"pop = window.open('" + im.src + " ','fullscale','width=400,height=400,scrollbars=1,resizable=1'); pop.focus();\")");
            eval("im.onclick = pop" + String(i) + ";");
            if (document.all) im.style.cursor = 'hand';
            if (!document.all) im.style.cursor = 'pointer';
            im.title = 'Resmin Büyük Hali için tıklayın ';
         }
         }
      }
   }
}
</script>
<script language="JavaScript" type="text/javascript">
<!-- ;
var pencere = ''
function PENCERE(url,en,boy) {
  if (pencere.location && !pencere.closed) {
      pencere.location.href = url;
      pencere.focus(); 
  } else {
      pencere=window.open(url,'htmlname','width='+en +',height='+boy +',resizable=0,top=0,left=100');
  }
}
function tidy() {
  if (pencere.location && !pencere.closed) {
     pencere.close(); 
  }
}
-->
</script>

Sadece iki satır ekledim. Denemedim ama çalışması için büyütmek istediğin resimlere şöyle bir ayar vermen gerekiyor:

<img src="xxx.jpg" class="img_resize" />

23-05-2009, 13:25:10

#6

sant9

arno adlı üyeden alıntı: mesajı görüntüle

js den pek anlamam ama yanlış tahmin etmiyorsam bu kod <img .. /> tagındaki resimleri küçültüyor. Bu yüzden boyut değiştirmesini istemediğin resimleri div tagına alıp style, class ya da id attribute larından birini kullanarak CSS ile arkaplan (background: ...

şeklinde resimi koyarsan muhtemelen boyutu değişmeyecektir.

Dediğim gibi ben yanlış tahmin ediyor olabilirim ama denemekten zarar gelmez. Kolay gelsin...

DEDIGINIZ MANTIKLI

<td ><div><img src="{THEME}/images/logo.png"  width="720" height="213" border="0" usemap="#Map"></div></td>

bu sekılde aldım fakat css den anlamadıgım için style.css yı ayarlayamadım olmadı

23-05-2009, 13:27:24

#7

sant9

SuSpect adlı üyeden alıntı: mesajı görüntüle

Şu şekilde olabilir;

<script>
window.onload = resizeimg;
function resizeimg()
{
   if (document.getElementsByTagName)
   {
      for (i=0; i<document.getElementsByTagName('img').length; i++)
      {
         im = document.getElementsByTagName('img')[i];
         if (im.className == "img_resize") {
         if (im.width > 500)
         {
            im.style.width = '500px';
            eval("pop" + String(i) + " = new Function(\"pop = window.open('" + im.src + " ','fullscale','width=400,height=400,scrollbars=1,resizable=1'); pop.focus();\")");
            eval("im.onclick = pop" + String(i) + ";");
            if (document.all) im.style.cursor = 'hand';
            if (!document.all) im.style.cursor = 'pointer';
            im.title = 'Resmin Büyük Hali için tıklayın ';
         }
         }
      }
   }
}
</script>
<script language="JavaScript" type="text/javascript">
<!-- ;
var pencere = ''
function PENCERE(url,en,boy) {
  if (pencere.location && !pencere.closed) {
      pencere.location.href = url;
      pencere.focus(); 
  } else {
      pencere=window.open(url,'htmlname','width='+en +',height='+boy +',resizable=0,top=0,left=100');
  }
}
function tidy() {
  if (pencere.location && !pencere.closed) {
     pencere.close(); 
  }
}
-->
</script>

Sadece iki satır ekledim. Denemedim ama çalışması için büyütmek istediğin resimlere şöyle bir ayar vermen gerekiyor:

<img src="xxx.jpg" class="img_resize" />

sanırım sız su sekılde ayarldınız kücültmek ıstededıgım resmlere bu kodu verırsem kuculecek ben oyle demıyorum normalde kodu maıne atınca 500 px geçen butun resımlerı kucultur amacıda bu fakat kotu yanı benım logoyuda kucultuyor istedıgım sadece logonun kücülmesını enegellemek ve dıger butun resımlerı otomatık kucltmek bu sekılde bır ayarlama oalbılırmı

23-05-2009, 13:44:53

#8

SuSpect

Tam tersi

class="img_resize" yazan bütün resimlerin boyutları eğer 500px'i geçiyorsa küçültür. Yani kullandığınız sisteme göre yazı içerisindeki tüm resimlere ek olarak bu classı eklemeniz gerekiyor. Bunun dışındaki resimlere dokunmayacaktır.

23-05-2009, 17:56:33

#9

anka81

en baştan js yaparken tag yerine id veya class ile seçtirseydin aslında, böyle bi sıkıntı olmazdı, boyutlanmasını istediğin resimleri seçtirebilirdin. ama arkadaşın eklediği kodu bi dene, olmazsa jquery ile baştan kodlarız, id veya class ile işlem yaptırırız.