Visualizzazione dei risultati da 1 a 7 su 7
  1. #1

    pup up per immagini "autoresizante"...

    Salve!

    ho una galleria di thumb... vorrei far aprire ogni foto in una popup, senza barra del browser, etc... ma non voglo stare per ogi immagine stare li a settare largezza e altezza del popp...

    mi pare esistesse un popup per far automaticamente qusto... cioe leggeva la foto che caricava nel popup e al volo impostava altezza e larghezza del popup di modo da farci entrare per bene l'immagine...

    chi mi passa questo script, per favore?

    Grazie.

  2. #2
    Utente di HTML.it L'avatar di Edipo
    Registrato dal
    May 2003
    Messaggi
    1,239
    Pop up che si ridimensiona all'immagine (by piero06 )

    nel <head>

    codice:
    <script LANGUAGE="JavaScript">
    
    
    function PrevFoto(img){
      foto1= new Image();
      foto1.src=(img);
      Controlla(img);
    }
    function Controlla(img){
      if((foto1.width!=0)&&(foto1.height!=0)){
        viewFoto(img);
      }
      else{
        funzione="Controlla('"+img+"')";
        intervallo=setTimeout(funzione,20);
      }
    }
    function viewFoto(img){
      largh=foto1.width+20;
      altez=foto1.height+25;
      stringa="width="+largh+",height="+altez;
      finestra=window.open(img,"",stringa);
    }
    
    </script>
    nel <body>

    "Il tempo aiuta a dimenticare e il destino regala sempre una seconda occasione.
    Ma aprirsi all'amore significa rendersi vulnerabili".

    Nicholas Sparks

  3. #3
    Utente di HTML.it L'avatar di tridi9
    Registrato dal
    Apr 2002
    Messaggi
    346

    ........‘’’........
    .......(o o).......
    ----ooO-(_)-Ooo----

  4. #4
    Thanks to all! :metallica

  5. #5
    Ciao raga,
    ero interessato da questo piccolo (ma pulito) script.
    Ho però un piccolo problema.

    Vorrei che il bordo bianco vicino alle foto scomparisse e quindi rendere i bordi dell'immagine attaccati al bordo della finestra di pop-up.

    Ho provato ad eliminare i 20 px della larghezza e i 25 dell'altezza che si aggiungevano alla grandezza dell'immagine.

    Risultato: Il bordo scompare solo per il lato destro e il lato inferiore dell'immagine. Rimane quindi il bordo per il lato sinistro e superiore.

    Come faccio ad eliminare anche questo bordo.

    Grazie in anticipo.

    Saluti.
    Blasto.

  6. #6
    per far ciò dovresti in qualche modo inserire nella popup questo codce:
    codice:
    <body topmargin="0" leftmargin="0">
    a questo punto puoi creare una pagina "popup". al richiamo di questa, uno script sulla popup va a recuperare il nome della foto.

    La più grande forza a disposizione dell'umanità è la non violenza (Ghandi).
    (15/06/2003 - 16 points, 17 rembounds and 1 standing ovation x Admiral David Robinson ... San Antonio Spurs~ 2003/5 NBA champions)

  7. #7

    esperimento:

    fate un copia ed incolla e ditemi che "effetto" fa a voi lo script
    codice:
    <html>
    <head>
    <script LANGUAGE="JavaScript">
    
    
    function PrevFoto(img){
      foto1= new Image();
      foto1.src=(img);
      Controlla(img);
    }
    function Controlla(img)
    {
     alert(img);
     alert(foto1.width);
     alert(foto1.height);
      if((foto1.width!=0)&&(foto1.height!=0))
      {
        viewFoto(img);
      }
      else
      {
       alert("ELSE");
        funzione="Controlla('"+img+"')";
        intervallo=setTimeout(funzione,20);
      }
    }
    function viewFoto(img){
      largh=foto1.width;
      altez=foto1.height;
      stringa="width="+largh+",height="+altez;
      finestra=window.open(img,"",stringa);
    }
    
    </script>
    
    </head>
    
    <body>
    clicca qui
    </body>
    </html>
    a me, su un immagine inesistente mi da delle dimensioni ben definite (28x30)
    La più grande forza a disposizione dell'umanità è la non violenza (Ghandi).
    (15/06/2003 - 16 points, 17 rembounds and 1 standing ovation x Admiral David Robinson ... San Antonio Spurs~ 2003/5 NBA champions)

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.