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

    Trasferimento da javascript a php per galleria immagini

    Salve a tutti,

    sto facendo un sito con Joomla! e mi è venuta la "formidabile idea" di utilizzare un javascript per realizzarla, quando poi ho ritenuto opportuno realizzarla in php.
    La discussione a cui faccio riferimento è questa.
    Senza che mi metta a descrivere tutto di nuovo faccio un rapido riassunto.

    Dovrei realizzare una galleria in cui ogni volta che visualizzo un'immagine diversa da quella precedente, io possa cliccare su di essa e fare in modo che compaia un popup che me la mostri ingrandita.

    Ho cominciato ad avere problemi con la cattura del valore corrente di src e quindi chiedo consiglio a voi esperti di php.

    Grazie in anticipo per l'aiuto che vorrete darmi..

  2. #2
    Alla fine ho risolto con questo meraviglioso plugin: Multithumb.

  3. #3
    Utente di HTML.it L'avatar di badaze
    Registrato dal
    Jun 2002
    residenza
    Lyon
    Messaggi
    5,372
    Ho letto l'altra discussione e non vedo in cosa php c'entra. Ovviamente per catturare l'src dell'immagine devi avere settato l'evento onclick.
    Puoi provare quello che segue :

    codice:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    
    <html>
    <head>
    <title>Untitled</title>
    <script language="JavaScript" type="text/javascript">
    <!--
    var srcIm = "";
    function popup(anImage) {
     var l = Math.floor((screen.width-w)/2); 
     var t = Math.floor((screen.height-h)/2); 
     var h = anImage.height;
     var w = anImage.width;
     srcIm = anImage.src;
     window.open("test2264b.html","","width=" + w + ",height=" + h + ",top=" + t + ",left=" + l); 
    } // function popup(imgSrc)
    //-->
    </script>
    
    </head>
    <body>
    [img]image1.jpg[/img]
    
    [img]image6.jpg[/img]
    
    </body>
    </html>
    file test2264b.html
    codice:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    
    <html>
    <head>
    <title>Untitled</title>
    </head>
    <body onload="document.getElementById('myImg').src=window.opener.srcIm">
    [img][/img]
    </body>
    </html>
    Ridatemi i miei 1000 posts persi !!!!
    Non serve a nulla ottimizzare qualcosa che non funziona.
    Cerco il manuale dell'Olivetti LOGOS 80B - www.emmella.fr

  4. #4
    Originariamente inviato da badaze
    Ho letto l'altra discussione e non vedo in cosa php c'entra.
    - http://forum.html.it/forum/showthrea...2#post10778902

  5. #5
    Originariamente inviato da fbcyborg
    Alla fine ho risolto con questo meraviglioso plugin: Multithumb.
    Molto bene. Vedo che funziona egregiamente anche con javascript disabilitato.

  6. #6
    Originariamente inviato da pierofix
    Molto bene. Vedo che funziona egregiamente anche con javascript disabilitato.
    Beh, sì, pare sia tutto php!

  7. #7
    Se hai javascript abilitato - quindi la condizione più ricorrente - ti vedi il lightbox bello bello, altrimenti quando clicchi sull'anteprima ti apre l'immagine in una nuova pagina (infatti guarda l'URL che viene fuori sulla barra di stato quando passi sopra l'immagine con il mouse).

    E' la soluzione corretta.

  8. #8
    Ottimo!
    Non c'avevo ancora provato. Ok, quindi mi sbagliavo quando dicevo che era tutto php..

    Multithumb è spettacolare!!!

  9. #9
    Utente di HTML.it L'avatar di badaze
    Registrato dal
    Jun 2002
    residenza
    Lyon
    Messaggi
    5,372
    Originariamente inviato da pierofix
    - http://forum.html.it/forum/showthrea...2#post10778902
    Sono d'accordo con te. Ma il suo problema era js.

    [MODE OT ON]
    Ero in ferie in Friuli fino a pochi giorni fa.
    [MODE OT OFF]
    Ridatemi i miei 1000 posts persi !!!!
    Non serve a nulla ottimizzare qualcosa che non funziona.
    Cerco il manuale dell'Olivetti LOGOS 80B - www.emmella.fr

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.