+ Rispondi alla Discussione
Risultati da 1 a 3 di 3

Ingrandire immagine e auto resize in php

Ultimo Messaggio di Alex_2019 il:
  1. #1
    User L'avatar di Alex_2019
    Data Registrazione
    Jul 2019
    Località
    Hell
    Messaggi
    85

    Ingrandire immagine e auto resize in php

    Salve,

    penso sia la sezione giusta, dentro c'e' il codice php,

    ho questo codice per caricare le foto da una cartella associate ad ogni id (nel database)

    Codice PHP:
    <td class="text-center"><?php if($row['cover_front'] != ""): ?>
    <img src="image_upload/movie/uploads/<?php echo $row['cover_front']; ?>" width="285px" height="400px" style="border:6px solid #333333;">
        <?php else: ?>
    <img src="image_upload/movie/images/nophoto340.jpg" width="142px" height="200px" style="border:1px solid #333333;">
        <?php endif; ?></td>
    quello che vorrei ottenere e questo:


    • cliccare sulla foto e ingrandirla
    • auto-resize immagine mantenendo le proprorzioni, ma con dimensioni max a questi valori 285x400


    grazie

  2. #2
    User L'avatar di Alex_2019
    Data Registrazione
    Jul 2019
    Località
    Hell
    Messaggi
    85
    qualcosa ho fixato, tramite un link sotto la cover apro la foto in un'altra pagina, l'ideale era con un popup centrale ridimensionabile

    Codice PHP:
    <p class="bioheading">Cover Front</p><p class="biodata"><li><a href="image_upload/movie/uploads/<?php echo $row['cover_front']; ?>" target="_blank" >Enlarge Photo </a></li></p>
    Ultima modifica di Alex_2019; 20-07-19 alle 12:18

  3. #3
    User L'avatar di Alex_2019
    Data Registrazione
    Jul 2019
    Località
    Hell
    Messaggi
    85
    Risolto anche questo

    posto il codice, puo' essere utile

    popup centrato

    Codice PHP:
    <script type="text/javascript">
    <!--
    function PopupCentrata()
    {
    var w = 720;
    var h = 1200;
    var l = Math.floor((screen.width-w)/2);
    var t = Math.floor((screen.height-h)/2);
    window.open("image_upload/movie/uploads/<?php echo $row['cover_front']; ?>","","width=" + w + ",height=" + h + ",top=" + t + ",left=" + l);
    }
    //-->
    </script>
    Codice HTML:
    <p class="bioheading">Cover Front</p><p class="biodata"><li><a href="javascript:PopupCentrata()">Enlarge Photo </a></li></p>
    var w = 720;
    var h = 1200;

    sono le dimensioni della finestra, configurabili a piacere

+ Rispondi alla Discussione

^ Permessi di Scrittura

  • Tu non puoi inviare nuove discussioni
  • Tu non puoi inviare risposte
  • Tu non puoi inviare allegati
  • Tu non puoi modificare i tuoi messaggi
  •  
  • Il codice BB è Attivato
  • Le faccine sono Attivato
  • Il codice [IMG] è Attivato
  • Il codice [VIDEO] è Attivato
  • Il codice HTML è Disattivato
  • Trackbacks Attivato
  • Pingback Attivato
  • Refback Attivato

SEO by vBSEO 3.6.0 PL2 ©2011, Crawlability, Inc.