Gå til innhold

bilder størrelse

collector

Anbefalte innlegg

Videoannonse

Videoannonse
Annonse
magikern

magikern

Skrevet
Skrevet 


<script language="JavaScript" type="text/JavaScript">

info = "res="+screen.width+"x"+screen.height;

img = '<img name="img" src="bilde.jpg" '+info+'>';

document.write(img);

}

</script>

 

tror det er sånn ca den enkle metoden, men for at ikke bilde skal bli helt ødelagt med tanke på forholdet bredde/høyde bør man bruke feks php til å finne bildets originale bredde/høyde forhold og bruke dette videre til å lage en midlertidig kopi av bilde med php og gd.

 

da tror jeg utgansgpunktet blir noe sånt:

 


<script language="JavaScript" type="text/JavaScript">

info = "res="+screen.width+"x"+screen.height;

img = '<img name="img" src="script.php?'+info+'">';

document.write(img);

}

</script>

 

script.php


<?php

function resize_jpg($img,$w,$h){

$thumb = imagecreate ($w, $h);

$image = ImageCreateFromJpeg($img);

$imagedata = getimagesize($img);

imagecopyresized ($thumb, $image, 0, 0, 0, 0, $w, $h, $imagedata[0], $imagedata[1]);



imagejpeg($thumb, $img);



}



$bilde = "bildet.jpg";

$size = GetImageSize("$bilde");

   $to = $_GET['res'];

   if(($size[0]/$to) > ($size[1]/$to)){

     $w=$to;

     $h= round($size[1]/($size[0]/$to));

   }else{

     $w = round($size[0]/($size[1]/$to));

     $h = $to;

   }





// call resize function resize_jpg(image name, new width, new height)

resize_jpg("bilde.jpg",$w,$h);

?>

 

får dette riktignok ikke helt til å fungere nå, men det kan komme av at jeg er altfor trøtt, så jeg tror jeg legger meg nå, men kanskje en av dere andre på forumet, her finner ut av det...

Lenke til kommentar
b-urn

b-urn

Skrevet
Skrevet

...for at ikke bilde skal bli helt ødelagt med tanke på forholdet bredde/høyde bør man bruke feks php til å finne bildets originale bredde/høyde forhold og bruke dette videre til å lage en midlertidig kopi av bilde med php og gd.

 

Hvorfor så komplisert? Det holder at man kun angir enten WIDTH eller HEIGHT i Image-tag'en så finner browseren ut av forholdet selv.

 

<HTML>

<HEAD>

 <SCRIPT LANGUAGE='javascript'>

     function fncPrintImage(strImage,lngHeight)

     {

         var image = '<img SRC="' + strImage +'" HEIGHT="'+ lngHeight +'">';

         document.write(image);

     }

 </SCRIPT>

</HEAD>



<BODY>

   <TABLE WIDTH='100%' HEIGHT='100%'><TR><TD><DIV ALIGN='center'>

       <SCRIPT LANGUAGE='javascript'>fncPrintImage('image.jpg',screen.height);</SCRIPT>

   </TD></TR></TABLE>

</BODY>

</HTML>

Lenke til kommentar
Loffen

Loffen

Skrevet
Skrevet
Går det ikke ann å lekke ut bilder i forskjellige størrelser og bruke "if" cmnd??

 

Alla noe slikt???

 

"if" 1024 x 768 img="test1.jpg" -> Stort bilde

"if" 800 x 600 img="test2.jpg" -> Lite bilde

Dette forutsetter imidlertid at browserviduet er maksimert og at man ikke har noen "sidebar" åpen.

Lenke til kommentar
magikern

magikern

Skrevet
Skrevet

...for at ikke bilde skal bli helt ødelagt med tanke på forholdet bredde/høyde bør man bruke feks php til å finne bildets originale bredde/høyde forhold og bruke dette videre til å lage en midlertidig kopi av bilde med php og gd.

 

Hvorfor så komplisert? Det holder at man kun angir enten WIDTH eller HEIGHT i Image-tag'en så finner browseren ut av forholdet selv.

 

 

si at man angir height i forhold til screen.height, men så kanskje forholdet høyde bredde på bildet er sånn at bildet da går over skjermen, så på noen bilder må man da angi bare høyde, og på andre bilder bare bredde. hvis det bare er et bilde det er snakk om trenger man selvfølgelig ikke gjøre det så vanskelig...

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
Gå til emneliste
×
×
  • Opprett ny...