Resme Tıkladığınızda Resmin Büyümesi

ploop

0
İyinet Üyesi
Katılım
11 Ekim 2004
Mesajlar
6,964
Reaction score
0
Konum
karavan
site kodlarında var zaten: adjust_wallpaper(); olayını arastır .js dosyalarında.
 

werci

0
İyinet Üyesi
Katılım
9 Nisan 2005
Mesajlar
212
Reaction score
0
aslında normal olarak bilgisyara komple indirdiğim zaman o özelliğinde çalışması gerekir ama indirdiğim de o büyütme/küçültme kodu çalışmıyor, araştırdım kodlarda buldum fakat çalıştırmaya yetecek kadar komple bulamamışım bir şeyleri gözden kaçırıyorum :(
 

werci

0
İyinet Üyesi
Katılım
9 Nisan 2005
Mesajlar
212
Reaction score
0
Araştırdım buldum şöyleki:

js dosyası:
Kod:
var actualWidth = 1280; var actualHeight = 1024; var message; var b_fullsize=0;
function tableWidth()
{return windowWidth()-600;}

function windowWidth() {
if (navigator.appName=="Netscape")
return window.innerWidth;
return document.body.offsetWidth;
}

function scaleImg() {
what = document.getElementById('thepic');
actualHeight=what.height; actualWidth=what.width;
if (  fitsInWindow() ) return;
if(what.width==tableWidth())
 {what.width=actualWidth;what.height=actualHeight;}
else{
what.style.cursor = "pointer";
what.width=tableWidth();what.height = (actualHeight/actualWidth) * what.width;
}
}
function showOnclick()
{
what = document.getElementById('thepic');

if (actualWidth == what.width)
        return scaleImg();
else if (actualWidth > what.width)
{
what.width=actualWidth;
what.height=actualHeight;
}
}

function liveResize() {
what = document.getElementById('thepic');
actualHeight=what.height; actualWidth=what.width;
 if (fitsInWindow())return;
if (what.width!=actualWidth) {
what.width=tableWidth();what.height = (actualHeight/actualWidth) * what.width;}}
function setImgWidth(){
 if (fitsInWindow())return;
document.getElementById('thepic').width=tableWidth();
}
 function fitsInWindow() {
   what = document.getElementById('thepic');
   var  actualWidth= what.width;
  if (actualWidth<tableWidth()) {
   displayWarning("none");
   return true;
  } else {
  return false;
  }
  }

resim kodu:
HTML:
<img  id="thepic"  onClick="showOnclick()" onLoad="scaleImg()" src="http://Resim Linki" />
 

Angelo

0
İyinet Üyesi
Katılım
13 Aralık 2004
Mesajlar
9,603
Reaction score
111
Konum
AZ
Resmin gerçek boyutu (actualWidth) değişkeni ile belirtilen yer, php ile dinamik olarak yazdırılıyor olabilir. Her resim için ayrı javascript dosyası hazırlanamayacağı için.

Resmin boyutlandırılması element üzerinden yapılabilir.

Örnek:

<script language="Javascript">
function degistir () {
var image = document.getElementById('myimage');
image.width = '500';
image.height = '500';
}
</script>
<img id="myimage" onClick="degistir()" src="resim.jpg" width="200" height="200">

Burada yapılacak işlem 500 ve 200 yazan yerlere ne yazman gerektiği, bunları PHP ile yapman gerekecek. Resmin boyutlarını alıp, belli bir boyutun üzerindeyse küçük versiyonunu resmin <img> tagına yazdırıp, orjinal boyutları js fonksiyonunun içine yazacaksın.
 

tati

0
İyinet Üyesi
Katılım
29 Temmuz 2008
Mesajlar
36
Reaction score
0
Tıklayınca Kücülmüyor Bu
Kücülmesi İçin başka bir function Açtım Onada duzelt () Dedim .

Kod:
<script language="Javascript">
function degistir () {
var image = document.getElementById('myimage');
image.width = '500';
image.height = '500';
}
function duzelt () {
var image = document.getElementById('myimage');
image.width = '200';
image.height = '200';
}
</script>
<img id="myimage" onClick="degistir()" onmouseout="duzelt()" src="http://www.pcmahkumlari.com/avatars/Actors/Brad_Pitt.jpg" width="200" height="200">

Tıklayınca Büyüyor Mause Üzerinden Ayrılınca İse Eski Halini Alıyor . Ufak Bir Değişiklik ...
 

Türkiye’nin ilk webmaster forum sitesi iyinet.com'da forum üyeleri tarafından yapılan tüm paylaşımlardan; Türk Ceza Kanunu’nun 20. Maddesinin, 5651 Sayılı Kanununun 4. maddesinin 2. fıkrasına göre, paylaşım yapan üyeler sorumludur.

Backlink ve Tanıtım Yazısı için iletişime geçmek için Skype Adresimiz: .cid.1580508955483fe5

Elektronik Sigara
pubg mobile uc
Üst