Newsgroup: it.arti.fotografia.digitale
Titolo: [OT] ridimensionare foto in gallery html

'sera
qualcuno può aiutarmi? non ho praticamente conoscenze javascript, ma mi
trovo nella necessità di modificare un, credo, semplice javascript per
ridimensionare le immagini, ho inserito i valori in pixel per me ideali per
una risoluzione 1024x768, funzia bene per le immagini "orizzontali", l'ho
modificato per quelle verticali, e va bene
l'ideale per me sarebbe però avere uno script unico in grado di discriminare
le immagini che hanno larghezza maggiore di altezza e trattarle con lo
script originale,  e per tutti gli altri casi (larghezza minore o uguale di
altezza) trattarle col script per le verticali,
questo lo script originale
<script language="javascript">
var MaxWidth = 1024;
var WidthOrig = 0;
var HeightOrig = 0;
function ImgFixSize(img)
{
  if (WidthOrig)
  {
    img.width = WidthOrig;
    img.height = HeightOrig;
    WidthOrig = 0;
  }
  else if (img.width > MaxWidth)
  {
    WidthOrig = img.width;
    HeightOrig = img.height;
    img.style.cursor = "pointer";
    img.height = Math.round((MaxWidth/img.width) * img.height);
    img.width = MaxWidth;
  }
}
</script>
questo il codice dell'immagine
  <IMG SRC="IMG_...@1600.jpg"  onLoad="ImgFixSize(this)"
onClick="ImgFixSize(this)" />
io l'ho modificato così per adattarlo alle immagini verticali
<script language="javascript">
var MaxHeight = 480
var WidthOrig = 0;
var HeightOrig = 0;
function ImgFixSize(img)
{
  if (WidthOrig)
  {
    img.width = WidthOrig;
    img.height = HeightOrig;
     WidthOrig = 0;
  }
  else if (img.height > MaxHeight)
  {
    WidthOrig = img.width;
    HeightOrig = img.height;
    img.style.cursor = "pointer";
    img.width = Math.round((MaxHeight/img.height) * img.width);
    img.height = MaxHeight;
  }
}
</script>
qualcuno ha qualche idea?
grazie fin da ora
--
puffodrax
__________________________________________________________
mail: 
draxinoN...@freemail.it
__________________________________________________________
"dai diamanti non nasce niente
 dal letame nascono i fiori" [FdA]

  dal letame nascono i fiori" [FdA]
Sul web non e' vero! Dal letame esce solo altro letame.
-- 
Gratta qui con un diamante per leggere il mio indirizzo:
|||||||||||||||||||||||||||||||||||||||||||

 Quello che stai facendo e' un classico errore da niubbi:
no è semplicemente quello che voglio, con la consapevolezza di ciò
la pagina delle thumb c'è ed è un'altra
voglio che ci sia questo script invece nella pagina dove si visualizza la
foto grande, con questo script appena aperta la pagina la foto viene
ridimensionata in automatico per essere vista tutta sulla massima area
disponibile (senza barre di scorrimento) su un monitor 1024x768, facendo
click sull'immagine invece la stessa sarà visualizzata alla dimensione
originale (che cambierà di volta in funzione delle mie necessità per
consentire a chi visita il sito di salvarsi/stamparsi la foto a qualità
maggiore anche alla grandezza originale dello scatto se mi gira, tanto LA
PAGINA DELLE THUMB E' UN'ALTRA)
sto in ogni caso considerando di usare direttamente lo script per lo foto
verticali anche sulle orizzontali, si vedranno un pelo + piccolo, ma se non
trovo unasoluzione migliore mi accontenterò...
grazie per il contributo
--
puffodr@x
__________________________________________________________
mail: 
draxinoN...@freemail.it
__________________________________________________________


  tanto LA PAGINA DELLE THUMB E' UN'ALTRA)
giusto per essere sicuro di essere capito, la pagina delle thumb ha le sue
belle thumb con file apparte piccini picciò
--
puffodrax


 disponibile (senza barre di scorrimento) su un monitor 1024x768
In JS e' possibile recuperare le dimensioni dello schermo.
Altrimenti setti le immagini con un width=100% e ti riempiono la 
finestra del browser (se sono verticali, ovviamente, devi usare 
height=100%).
Lo puoi anche definire in un CSS a parte, volendo.
