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

22-09-2008, 05:38:27

#1

werci

Örnek:

http://wallpaper.skins.be/katherine-...9358/1280x800/

hotscripts.com'da aradım ama orda da bir şey bulamadım,

22-09-2008, 08:57:37

#2

bircanc

linki yenilersen iyi olur

22-09-2008, 10:57:56

#3

Bartuc

Kurumsal PLUS

<img src="resim.gif" width="200" height="200" id="resim" onclick="javascript:document.getElementById('resim').width = '400';document.getElementById('resim').height = '400';">

geliştirebilirsin tabi.

22-09-2008, 12:21:59

#4

werci

linki düzelttimde, Bartuc senin verdiğinde şöyle bi sorun var tekrar küçülmüyor ne yazık ki

22-09-2008, 18:28:07

#5

werci

Araştırdım buldum şöyleki:

js dosyası:

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:

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

22-09-2008, 22:32:42

#6

teknostyle

eline sağlık