Visualizzazione risultati 1 fino 18 di 18

Discussione: anteprima immagini

  1. #1
    L'avatar di zack77
    zack77 non è connesso Altervistiano Junior
    Data registrazione
    05-04-2004
    Messaggi
    646

    Predefinito anteprima immagini

    ciao a tutti avrei bisogno di un piccolo aiuto x impostare le pagine delle anteprime delle immagini di una pagina del mio sito.

    io vorrei che quando clicco su una foto questa si apra in una pagina nuova: fin qui tutto ok

    quando pero lo fa si apre la classica pagina con la foto in alto a sinistra su sfondo bianco.

    io vorrei usare i css x impostare quasta anteprima uguale a tutte qeste foto (...e se possibile anche la stessa grandezza- se pero questa nn si puo nn c sono problemi xche ci penso io a ridimensionarle)

    potreste aiutarmi?
    <---Servono commenti?!
    Il mio sito
    Il mio blog

    contatti: info@weblorenzo.com

    zack77

  2. #2
    Guest

    Predefinito

    Metti un popup ke si apra su click e il click lo si fa cliccando sulla foto :)

  3. #3
    L'avatar di zack77
    zack77 non è connesso Altervistiano Junior
    Data registrazione
    05-04-2004
    Messaggi
    646

    Predefinito

    non so come si creano i pop up
    <---Servono commenti?!
    Il mio sito
    Il mio blog

    contatti: info@weblorenzo.com

    zack77

  4. #4
    Guest

    Predefinito

    Prova a cercare qualche javascript tipo questo, che devi inserire tra gli head (cioè tra <head> e </head>)
    Codice:
    <script> function popup(str) {searchWin = window.open(str,'saluti','scrollbars=no,resizable=no,width=500,height=500,status=no,location=no,tolbar=no');
    //searchWin.refer = self;
    }
    </script>
    e poi i collegamenti li scrivi richiamando il javascript e specificando la pagina così:
    Codice:
    <a href="javascript:popup('pagina_immagine_grande.html')"><img src="percorso/immagine_piccola.jpg" border="0"></a>
    Non so se ho fatto qualche errore ma dovrebbe andare... prova!!!

  5. #5
    L'avatar di zack77
    zack77 non è connesso Altervistiano Junior
    Data registrazione
    05-04-2004
    Messaggi
    646

    Predefinito

    vi ringrazio x l' aiuto ma credo che non sia quello che cercavo io.
    io vorrei creare un modello di pagina.
    cioe: normalmente se clicco su una foto questa mi si apre con la foto di dimensioni maggiori , in alto a sinistra e su sfondo bianco.

    io vorrei creare un modello di pagina x tutte le foto cheho messo: x esempio la foto a centro pagina con uno sfondo colorato
    <---Servono commenti?!
    Il mio sito
    Il mio blog

    contatti: info@weblorenzo.com

    zack77

  6. #6
    Guest

    Predefinito

    allora dovresti creare una pagina html con la foto inserita in una tabella (per esempio), così la puoi centrare nella pagina.
    poi linki il thumbnail alla pagina html invece che al jpg.
    ma è praticamente quello che hai già detto tu... cos'è che non ti torna in particolare?

  7. #7
    Guest

    Predefinito

    La cosa che vuoi fare tu non è così semplice sfruttando solamente html, perchè dovresti creare una nuova pagina web per ogni foto che vuoi aprire ingrandita! I css in questo senso non ti aiutano, ti potrebbe aiutare php, o come hanno detto prima i javascript!

    Per usare php dovresti creare una nuova pagina, chiamarla per esempio immagine.php, metterci dentro il codice html che ti pare, con css o non, in modo che visualizzi le immagini come piacciono a te. Poi inserire questo codice prima dell'head:
    Codice:
    <?php
    $img = $_GET['aID'];
    ?>
    E questo codice html con dentro php dove vuoi visualizzare l'immagine:
    Codice:
    <img src="http://TUOSITO.altervista.org/cartellaimmagine/<?php print $img ?>">
    A questo punto cosa devi fare....devi chiamare i link per aprire le immagini in questo modo:

    Codice:
    <a href="http://TUOSITO.altervista.org/immagine.php?aID=NOMEIMMAGINE.jpg">
    In pratica cosa succede, quando clicchi sul link si apre la pagina immagine.php, il codice che hai messo per primo legge il valore che hai dato alla variabile aID e lo assegna alla variabile $img, a questo punto l'immagine visualizzata sulla pagina sarà quella del link, cioè NOMEIMMAGINE.jpg!

    Spero di essere stato chiaro , e comunque spero che funzioni perchè uso php da poco e non vorrei averti scritto una cavolata!!! Comunque prova (ricorda che in locale non funzionerà se non hai installato qualcosa come Apache, ovrai testare il tutto online su altervista).

  8. #8
    Guest

    Predefinito

    Quoto! O javascript con lavoro sulle singole pagine in cui inserisci l'immagine e lo sfondo o php!!! la migliore per il tuo risultato è la seconda, ma se non ci capisci tanto il tempo che imieghi a capire ti scorcia il lavoro futuro...

  9. #9
    L'avatar di zack77
    zack77 non è connesso Altervistiano Junior
    Data registrazione
    05-04-2004
    Messaggi
    646

    Predefinito

    avevo pensato anche io al php.... ma non saprei da dove iniziare..........
    <---Servono commenti?!
    Il mio sito
    Il mio blog

    contatti: info@weblorenzo.com

    zack77

  10. #10
    Guest

    Predefinito

    Prova quello che ti è stato riportato sopra... Io non ti posso aiutare molto!

  11. #11
    L'avatar di zack77
    zack77 non è connesso Altervistiano Junior
    Data registrazione
    05-04-2004
    Messaggi
    646

    Predefinito

    lo script funziona. ma a me interessa creare una pagina modello!! non con fondo bianco e l immagine a sinistra in alto.

    e poi nella pagina delle foto ne ho 35 : dovrei mettere 35 volte sto codice?!?!?!!?
    <---Servono commenti?!
    Il mio sito
    Il mio blog

    contatti: info@weblorenzo.com

    zack77

  12. #12
    Guest

    Predefinito

    Ho capito... ma se lo fai in php cambi solo il link perchè la magina modello è 1, mentre se lo fai con l'html devi mettere 35 volte il codice...

  13. #13
    L'avatar di zack77
    zack77 non è connesso Altervistiano Junior
    Data registrazione
    05-04-2004
    Messaggi
    646

    Predefinito

    + o - meno so dei vantaggi del php, ma non so in questo caso dove mettere il codice (quale codice poi?)
    <---Servono commenti?!
    Il mio sito
    Il mio blog

    contatti: info@weblorenzo.com

    zack77

  14. #14
    Guest

    Talking

    Citazione Originalmente inviato da zack77
    avevo pensato anche io al php.... ma non saprei da dove iniziare..........
    Inizia dal fumarti una Marlboro e poi incomincia a leggerti il manuale di www.freephp.it :grin: :smile:

  15. #15
    L'avatar di zack77
    zack77 non è connesso Altervistiano Junior
    Data registrazione
    05-04-2004
    Messaggi
    646

    Predefinito

    ottima idea!

    anzi... sai che ti dico?.... fino a lunedi niente + pc.........da stasera sono in ferie e cosi posso dedicarmi tranquillamente a studiare sto maledetto php con calma
    <---Servono commenti?!
    Il mio sito
    Il mio blog

    contatti: info@weblorenzo.com

    zack77

  16. #16
    Guest

    Predefinito

    Zack, pensavo di essermi spiegato bene, invece non sono bravo in queste cose.... il codice php che ti ho messo lo inserisci all'interno di una pagina html come la vuoi tu (quella che tu chiami pagina modello) e tutte le immagini le visualizzi in quella, basta che invece di linkare a foto.jpg tu linki a paginamodello.php?aID=foto.jpg, e il link ti aprirà la paginamodello con la foto desiderata!

  17. #17
    L'avatar di zack77
    zack77 non è connesso Altervistiano Junior
    Data registrazione
    05-04-2004
    Messaggi
    646

    Predefinito

    perfetto! grazie mille! non è che t sei spiegato male! sono io molto imbranato col php!!! ma come ho detto in un altro topic.... beate ferie... cosi potro studiarmelo!!!!
    <---Servono commenti?!
    Il mio sito
    Il mio blog

    contatti: info@weblorenzo.com

    zack77

  18. #18
    Guest

    Red face

    Citazione Originalmente inviato da zack77
    perfetto! grazie mille! non è che t sei spiegato male! sono io molto imbranato col php!!! ma come ho detto in un altro topic.... beate ferie... cosi potro studiarmelo!!!!
    Altro TOPIC? Post vorrai dire...cmq studiare il php è facile...ti prepara un pò su tutti i linguaggi di programmazione :grin: :smile:

Regole di scrittura

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