Visualizzazione risultati 1 fino 3 di 3

Discussione: Visualizzazione Foto

  1. #1
    slossel non è connesso Utente AlterBlog
    Data registrazione
    03-04-2017
    Messaggi
    22

    Predefinito Visualizzazione Foto

    Buongiorno a tutti. In una pagina html visualizzo 30 mini foto, il peso delle stesse è di 1 mb circa, al click la apro alle dimensioni originali. Naturalmente il caricamento della pagina non è rapidissimo. Domanda: è possibile, senza uso di css e javascript, visualizzare in una pagina html molte mini foto (ridotte a pochi kb) e al click, su una di esse, aprire la foto originale?

    Grazie
    Giuseppe

  2. #2
    L'avatar di alemoppo
    alemoppo non è connesso Staff AV
    Data registrazione
    24-08-2008
    Residenza
    PU / BO
    Messaggi
    18,237

    Predefinito

    Sì è possibile.

    Il "discorso" è però avere le miniature: puoi o caricarti in una cartella (oltre alle immagini originali) le miniature di ogni immagine, oppure tramite uno script php generare "al volo" le miniature.

    Quindi, per far quel che chiedi solamente con HTML potresti fare:

    Codice HTML:
    <a href="immagine_originale.jpg"><img src="immagine_mini.jpg"></a>
    Se le immagini sono tante, puoi utilizzare uno script PHP che le generi automaticamente; ho ritrovato questo che avevo fatto:
    Codice PHP:
    <?php
    if(!isset($_GET['url']))
        die();
    $img imagecreatefromstring(file_get_contents(urldecode($_GET['url'])));

    if(!
    $img)
        die();

    header('Content-Type: image/jpeg');

    $width imagesx$img );
    $height imagesy$img );

    $new_width = (isset($_GET['w']) && is_numeric($_GET['w']))?$_GET['w']:150;
    $new_height floor$height * ( $new_width $width ) );

    $thumb imagecreatetruecolor$new_width$new_height );

    imagecopyresized$thumb$img0000$new_width$new_height$width$height );

    imagejpeg($thumb);

    imagedestroy($img);
    imagedestroy($thumb);
    Se lo inserisci tra le immagini, chiamandolo ad esempio "miniatura.php", allora dovrebbe funzionare così:
    Codice HTML:
    <a href="immagine_originale.jpg"><img src="miniatura.php?url=immagine_originale.jpg&w=200"></a>
    w=200 indica la dimensione dell'immagine, invece di 200 puoi specificare qualunque altro valore.

    Ciao!

  3. #3
    slossel non è connesso Utente AlterBlog
    Data registrazione
    03-04-2017
    Messaggi
    22

    Predefinito

    Perfetto! utilizzo il primo suggerimento. Grazie per la rapida risposta.
    Giuseppe

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •