Pagina 1 di 2 1 2 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 12
  1. #1
    Utente di HTML.it
    Registrato dal
    Dec 2006
    Messaggi
    449

    Centratura immagine con href

    Devo centrare un'immagine, però si tratta di un'immagine
    che si apre da una miniatura. Questo il codice:
    Mi riferisco all'immagine indicata da href, cioè immaginebig.jpeg.
    Si può fare una cose del tipo href class="center"?

    Grazie
    M.

  2. #2
    Utente bannato
    Registrato dal
    Sep 2009
    Messaggi
    1,737

    Re: Centratura immagine con href

    Originariamente inviato da samiel
    Devo centrare un'immagine, però si tratta di un'immagine
    che si apre da una miniatura. Questo il codice:
    Mi riferisco all'immagine indicata da href, cioè immaginebig.jpeg.
    Si può fare una cose del tipo href class="center"?

    Grazie
    M.
    Il tuo codice apre un'immagine in una nuova pagina o scheda, tu non puoi centrare un'immagine nella nuova pagina con solo l'HTML, ti occorre almeno JS

  3. #3
    Utente di HTML.it
    Registrato dal
    Dec 2006
    Messaggi
    449
    Sì infatti. L'immagine originale è piccola e a destra.
    Vorrei per l'appunto che l'immagine grande aperta
    risultasse centrata. Dove trovo il codice js
    di cui non so nulla? C'è un qualche sito in cui
    ci sono questi script pronti? MIlle grazie
    M.

  4. #4
    codice:
    <body onload="document.getElementById('immagini').style.display='none';">
    
     <div align="right"><a href="#" onclick="document.getElementById('immagini').style.display='block';">
     [img]pics/immagine.jpeg[/img]</a></div>
    <div align="center" id="immagini">
     [img]pics/immagine.jpeg[/img]
    </div>
    
    </body>

  5. #5
    Utente di HTML.it
    Registrato dal
    Dec 2006
    Messaggi
    449
    Mi scuso per l'impertinenza, ma non sapendo nulla di javascript
    devo cercare urgentemente qualcosa di prefabbricato. Quel codice non mi funziona
    nel senso che adesso vedo nella stessa pagina sia l'immagine piccola originaria,
    sia - sotto - quella grande se metto:
    codice:
    [img]pics/immagine.jpeg[/img]
    <body onload="document.getElementById('immagini').style.display='none';">
    <div align="right"><a href="#" onclick="document.getElementById('immagini').style.display='block';">
    [img]pics/fimmaginebig.jpeg[/img]</a></div>
    <div align="center" id="immagini">
    [img]pics/immaginebig.jpeg[/img]
    </div>
    </body>
    Se invece metto solo:
    codice:
    <body onload="document.getElementById('immagini').style.display='none';">
    <div align="right"><a href="#" onclick="document.getElementById('immagini').style.display='block';">
    [img]pics/fimmaginebig.jpeg[/img]</a></div>
    <div align="center" id="immagini">
    [img]pics/immaginebig.jpeg[/img]
    </div>
    </body>
    vedo l'immagine grande cliccabile, e se clicco mi compare sotto l'immagine piccola.
    Il che ovviamente sconvolge la pagina. Ma verosimilmente no ho saputo
    utilizzare correttamente il codice gentilmente postatomi da E.d.i.73...

    Grazie ancora
    M.

  6. #6
    Utente di HTML.it
    Registrato dal
    Dec 2006
    Messaggi
    449
    Devo aver pasticciato noN poco.
    Cmq il codice:
    codice:
    <body onload="document.getElementById('immagini').style.display='none';">
    <div align="right"><a href="#" onclick="document.getElementById('immagini').style.display='block';">
    [img]pics/immagine1.jpeg[/img]</a></div>
    <div align="center" id="immagini">
    [img]pics/immagine1big.jpeg[/img]
    </div>
    </body>
    mi fa comparire sì l'mmagine a fomato pieno, ma NON in una nuova pagina,
    bensì nella pagina originale, sovrapposta al testo. C'è modo di uscirne?

    Grazie
    m.

  7. #7
    Moderatore di JavaScript L'avatar di br1
    Registrato dal
    Jul 1999
    Messaggi
    19,998
    Quello che ti ha provato a dire e' che non e' possibile centrare un'immagine contenuta in una finestra senza inserirla in una pagina che possa contenere qualche tag per centrarla... cioe', in poarole povere, il tuo link punta ad un'immagine e non ad una pagina quindi non puoi centrarla.

    Puoi provare a sperimentare una cosa semplicissima:
    codice:
    <script>
    function img_centra(i) {
    
    w = window.open('','wimg');
    d = w.document;
    d.write('<center><table height=100%><tr><td valign=center>[img]'+i+'[/img]</td></tr></table>');
    }
    </script>
    ...
    [img]pics/immagine.jpeg[/img]
    Scusa se uso una tabella per centrare l'immagine, il CSS non e' il mio forte

    ciao
    Il guaio per i poveri computers e' che sono gli uomini a comandarli.

    Attenzione ai titoli delle discussioni: (ri)leggete il regolamento
    Consultate la discussione in rilievo: script / discussioni utili
    Usate la funzione di Ricerca del Forum

  8. #8
    Utente di HTML.it
    Registrato dal
    Dec 2006
    Messaggi
    449
    Ho provato li codice in locale. Se clicco sull'immagine piccola,
    si apre una nuova finestre, ma la cosa strana è che mi appare
    il segnaposto della foro grande, e poi continua a caricare
    senza che la foto si veda. Il segnaposto è in effetti centrato.
    Se controllo l'indirizzo dell'immagine che si apre, vedo però una cosa strana:
    http://localhost/~samiel/sito/pics/i...agine1big.jpeg
    Poi se riesco a vedere l'immagine so io come centrarla col CSS.
    Solo che di js non so nulla. Ma sistemato quello, per il CSS
    non ci son problemi...

    Grazie mille!
    M.

  9. #9
    Moderatore di JavaScript L'avatar di br1
    Registrato dal
    Jul 1999
    Messaggi
    19,998
    A naso direi che manca qualche apice nel codice che hai adattato... ma per essere sicuro e' necessario vederlo.

    ciao
    Il guaio per i poveri computers e' che sono gli uomini a comandarli.

    Attenzione ai titoli delle discussioni: (ri)leggete il regolamento
    Consultate la discussione in rilievo: script / discussioni utili
    Usate la funzione di Ricerca del Forum

  10. #10
    Utente di HTML.it
    Registrato dal
    Dec 2006
    Messaggi
    449
    Eccolo:
    codice:
    <script>
    function img_centra(i) {
    w = window.open('','wimg');
    d = w.document;
    d.write('<center><table height=100%><tr><td valign=center>[img]pics/immagine1.jpeg'+i+'[/img]</td></tr></table>');
    }
    </script>
    [img]pics/immagine1.jpeg[/img]
    Grazie mille!
    M.

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.