View previous topic :: View next topic |
Author |
Message |
Astarte
Joined: 17 Apr 2006 Posts: 2
|
Posted: 17.04.2006 23:01 Post subject: Fit to screen image efekt |
|
|
Prije svega veliki pozdrav i oprostite ako sam postavio pitanje koje je bilo .(smurfo sam forumom i searvho ali nigdje nisam nasao).
Zanima me zna li tko koju skriptu koja bi omogucila za slike FIT TO SCREEN.
Radim nekakvu stranicu koja bi imala galeriju a uplodane slike bi bilo gro velike pa kada ih se otvori da se prvo slika previewa u velicini ekrana a tek kada kliknete na nju da se poveca na orginalnu velicinu... nes kao na imageshacku kada upldate sliku i odna je previewate...
Hvala puno! |
|
|
Back to top |
|
|
Sulien
Joined: 04 Jan 2004 Posts: 2905 Location: Zagreb
|
Posted: 18.04.2006 15:13 Post subject: |
|
|
Pa... prvo ti treba server-side skripta koja radi output slike na veličini koju tražiš recimo GET parametrima.
Onda ti treba client-side skripta koja očita canvas size iz browsera i zatraži sliku sa servera, generirajući width i height GET parametre.
Sad, ako radiš sa PHP, pogledaj GD (ili ImageMagick) funkcije. |
|
|
Back to top |
|
|
retro_one
Joined: 16 Sep 2003 Posts: 880 Location: DUBRAVA.
|
Posted: 18.04.2006 15:20 Post subject: |
|
|
Code: | <img src="src.jpg" style="width: 100%; height: 100%" alt="" /> |
|
_________________ Just your average eccentric programmer. |
|
Back to top |
|
|
Sulien
Joined: 04 Jan 2004 Posts: 2905 Location: Zagreb
|
Posted: 18.04.2006 15:46 Post subject: |
|
|
budalo |
|
|
Back to top |
|
|
Ivan Podrug - e1
Joined: 15 Apr 2005 Posts: 316 Location: Solin
|
Posted: 19.04.2006 10:00 Post subject: |
|
|
ima i jedna flash varijanta. Ako se kužiš u AS moga bi je lako adaptirat za svoje potrebe.
Zoomify. http://www.zoomify.com/ |
|
|
Back to top |
|
|
Astarte
Joined: 17 Apr 2006 Posts: 2
|
Posted: 19.04.2006 12:03 Post subject: |
|
|
Nisam uspio rijesiti problem... svjedno hvala na trudu !!!! |
|
|
Back to top |
|
|
Valentin
Joined: 06 Mar 2004 Posts: 22 Location: Samobor
|
Posted: 03.05.2006 11:46 Post subject: |
|
|
mozda ti ovo pomogne? popup koji se prilagodi slici i obrubi je bez grdog okvira (primjer: http://croatianvacation.net/galerija-ostalo.htm - klik na manje thumbnailove)
pozivanje linka
Quote: | <a href="javascript:popImage('folder/ime-slike.jpg','komentar')"> |
javaskripta:
Quote: |
PositionX = 100;
PositionY = 100;
defaultWidth = 600;
defaultHeight = 600;
var AutoClose = true;
if (parseInt(navigator.appVersion.charAt(0))>=4){
var isNN=(navigator.appName=="Netscape")?1:0;
var isIE=(navigator.appName.indexOf("Microsoft")!=-1)?1:0;}
var optNN='scrollbars=no ,width='+defaultWidth+', height='+defaultHeight+', left='+PositionX+', top='+PositionY;
var optIE='scrollbars=no,width=150,height=100,left='+PositionX+',top='+PositionY;
function popImage(imageURL,imageTitle){
if (isNN){imgWin=window.open('about:blank','',optNN);}
if (isIE){imgWin=window.open('about:blank','',optIE);}
with (imgWin.document){
writeln('<html><head><title>Loading...</title><style>body{margin:0px;}</style>');writeln('<sc'+'ript>');
writeln('var isNN,isIE;');writeln('if (parseInt(navigator.appVersion.charAt(0))>=4){');
writeln('isNN=(navigator.appName=="Netscape")?1:0;');writeln('isIE=(navigator.appName.indexOf("Microsoft")!=-1)?1:0;}');
writeln('function reSizeToImage(){');writeln('if (isIE){');writeln('window.resizeTo(100,100);');
writeln('width=100-(document.body.clientWidth-document.images[0].width);');
writeln('height=100-(document.body.clientHeight-document.images[0].height);');
writeln('window.resizeTo(width,height);}');writeln('if (isNN){');
writeln('window.innerWidth=document.images["George"].width;');writeln('window.innerHeight=document.images["George"].height;}}'); writeln('function doTitle(){document.title="'+imageTitle+'";}'); writeln('</sc'+'ript>');
if (!AutoClose) writeln('</head><body bgcolor=000000 scroll="no" onload="reSizeToImage(); doTitle(); self.focus()">')
else writeln('</head><body bgcolor=000000 scroll="no" onload="reSizeToImage(); doTitle(); self.focus()" onblur="self.close()">');
writeln('<img name="George" src='+imageURL+' style="display:block"></body></html>');
close(); }} |
PositionX = 100;
PositionY = 100;
defaultWidth = 600;
defaultHeight = 600;
mozes mijenjati vrijednosti (600 je max vrijednost koju sam postavio, tj. moja najveca slika je dimenzija 600 X 600) |
|
|
Back to top |
|
|
gog
Joined: 18 Jun 2004 Posts: 679 Location: zagreb
|
Posted: 03.05.2006 18:47 Post subject: |
|
|
Bilo bi ok da onima bez JS-a serviraš običnu sliku... |
|
|
Back to top |
|
|
Sulien
Joined: 04 Jan 2004 Posts: 2905 Location: Zagreb
|
Posted: 03.05.2006 18:57 Post subject: |
|
|
tako se govori
dodaj normalno HREF na link a javascript onclick neka vrati false -- i to je to |
|
|
Back to top |
|
|
|