Allora, partiamo dall'inizio xD
Una delle pagine in questioni è questa:
http://www.rpgmkr.net/rpgmakerxp/
In basso ci sono gli screenshots del programma in questione, dove principalmente volevo farle ingrandire alle loro dimensioni reali quando il puntatore del mouse si posizionava sopra di queste.
Però mi hai fatto vedere che è possibile ingrandirle anche con l'hisghslide e la cosa mi ha incuriosito e sembra una soluzione migliore.
Io sul sito ho generato il download, ho inserito la cartella nella root, copiati i vari codici come da esempio all'interno del file html, ma non funziona (come potrai vedere - guarda la terza immagine, carica e basta).
Ho visto che si possono fare anche dei pop up cliccando sui testi etc, se imparo come usarlo posso fare una miriade di cose ^^
Ah bingo, spero che in due giorni riesca a risolvere, se no sono proprio tardo e mi sa tanto che vengo al mare con te =D
Tooltip immagini
Questa discussione si intitola Tooltip immagini nella sezione Web Design & Grafica. Allora, partiamo dall'inizio xD Una delle pagine in questioni è questa: http://www.rpgmkr.net/rpgmakerxp/ In basso ci sono gli screenshots del programma in questione, dove principalmente volevo ...
16 messaggi
• Pagina 2 di 2 • 1, 2
Re: Tooltip immagini
da Haku » 13/07/2011, 18:53
-
Haku - Traduttore
- Messaggi: 2527
- Iscritto il: 22/09/2009, 22:36
- Sesso: Maschio
- Versione: 3.0.9
- MOD: Sì
- Server: UNIX/Linux
- phpBB SEO: Sì
Re: Tooltip immagini
da Micogian » 13/07/2011, 20:29
Ma, io no so cosa hai caricato. A me è sembrato tutto molto semplice.
Devi caricare il file js ma devi anche caricare la cartella graphics che contiene le icone che usa la Mod.
Poi devi caricare questi file nella parte <head> del file, tu l'hai caricato nel <body>
Io l'ho messo così;
Ovviamente devi vedere qual'è il percorso esatto, io ho usato "../js/ecc" perchè ho messo le cartelle js e style nella root.
Nel tuo file non vedo traccia della cartella "graphics".
Nel corpo ho usato questo codice
Il tutto chiuso in appositi <div>
Guarda qui: http://www.actaplantarum.org/floraitaliae/raduno2011.php
Devi caricare il file js ma devi anche caricare la cartella graphics che contiene le icone che usa la Mod.
Poi devi caricare questi file nella parte <head> del file, tu l'hai caricato nel <body>
Io l'ho messo così;
- Codice: Seleziona tutto
<script type="text/javascript" src="../js/highslide.js"></script>
<script type="text/javascript">
hs.graphicsDir = '../style/graphics/';
hs.wrapperClassName = 'wide-border';
</script>
Ovviamente devi vedere qual'è il percorso esatto, io ho usato "../js/ecc" perchè ho messo le cartelle js e style nella root.
Nel tuo file non vedo traccia della cartella "graphics".
Nel corpo ho usato questo codice
- Codice: Seleziona tutto
<a class="highslide" onclick="return hs.expand(this)" href="./link_immagine_grande"><img title="clic per ingrandire" src="./link_immagine_thumb" alt=""></a>
<div class="highslide-heading">Titolo che appare nell'immagine grande</div>
<div class="highslide-caption"><p style="font-size: 9px;">Stringa che appare al piede dell'immagine grande</p>
</div>
Il tutto chiuso in appositi <div>
Guarda qui: http://www.actaplantarum.org/floraitaliae/raduno2011.php
-
Micogian - Leader Programmatori
- Messaggi: 2498
- Iscritto il: 07/01/2010, 9:51
- Località: Udine
- Versione: 3.0.10
- MOD: Sì
- Server: UNIX/Linux
- phpBB SEO: No
- PHP: 5.2.9
- Database: MySQL 5.0.77
Re: Tooltip immagini
da Haku » 13/07/2011, 23:23
In una pagina personalizzata, i tag heas non ci sono e la guida non dice di metterlo °°
-
Haku - Traduttore
- Messaggi: 2527
- Iscritto il: 22/09/2009, 22:36
- Sesso: Maschio
- Versione: 3.0.9
- MOD: Sì
- Server: UNIX/Linux
- phpBB SEO: Sì
Re: Tooltip immagini
da Micogian » 14/07/2011, 6:18
Haku ha scritto:In una pagina personalizzata, i tag heas non ci sono e la guida non dice di metterlo °°
I tag <head> ci sono, come in tutte le pagine HTML.
Dove sono normalmente i css e gli <script> ? sono in overall_header.html.
Devi metterci il file highslide.js, il file highslide.css, la cartella "graphics" con le immagini necessarie.
Nel <body> ci metti le immagini con i relativi css.
Mi sembra una regola universale in HTML.
-
Micogian - Leader Programmatori
- Messaggi: 2498
- Iscritto il: 07/01/2010, 9:51
- Località: Udine
- Versione: 3.0.10
- MOD: Sì
- Server: UNIX/Linux
- phpBB SEO: No
- PHP: 5.2.9
- Database: MySQL 5.0.77
Re: Tooltip immagini
da Haku » 14/07/2011, 16:37
I tag <head> ci sono, come in tutte le pagine HTML.
Mi sembra una regola universale in HTML.
phpbb-f109/creare-una-pagina-personalizzata-t23.html
bingo io qui non vedo nessun tag head °° o body.
Ho risolto con il Fencybox (molto carino), ma non capisco perchè l'highslide non andasse, anche perchè il Fency funziona uguale, e ho fatto le stesse procedure.
Ho visto che nell'overall_header originale di phpbb (dove non c'è nessun tag body o head) mette i tag <script> e <link rel> dentro alla stessa pagina (cosa che ho fatto anche io) e che quindi non mi sembra errata come cosa...
Ecco la pagina in questione:
http://www.rpgmkr.net/rpgmakerxp/
-
Haku - Traduttore
- Messaggi: 2527
- Iscritto il: 22/09/2009, 22:36
- Sesso: Maschio
- Versione: 3.0.9
- MOD: Sì
- Server: UNIX/Linux
- phpBB SEO: Sì
Re: Tooltip immagini
da Micogian » 14/07/2011, 18:44
I tag head e body sono presenti in tutti i file html. Se guardi il codice sorgente di una pagina li trovi.
Ci sono nell'overall_header che è la testata, la chiusura del body è nell'overall_footer.
Considera che una pagina phpbb, e quindi anche una pagina personalizzata, è formata da overall_header, corpo e overall_footer. Anche se sono file separati alla fine costituiscono una unica pagina dove ci saranno i tag <html> <head> <body> e quindi le rispettive chiusure </head> </body> e </html>.
Secondo me Highslide non funzionava perchè era installato male, almeno questo è quello che ho notato nel file sorgente, mancavano dei file e la cartella graphics.
Nelle mie pagine funziona benissimo.
Ci sono nell'overall_header che è la testata, la chiusura del body è nell'overall_footer.
Considera che una pagina phpbb, e quindi anche una pagina personalizzata, è formata da overall_header, corpo e overall_footer. Anche se sono file separati alla fine costituiscono una unica pagina dove ci saranno i tag <html> <head> <body> e quindi le rispettive chiusure </head> </body> e </html>.
Secondo me Highslide non funzionava perchè era installato male, almeno questo è quello che ho notato nel file sorgente, mancavano dei file e la cartella graphics.
Nelle mie pagine funziona benissimo.
-
Micogian - Leader Programmatori
- Messaggi: 2498
- Iscritto il: 07/01/2010, 9:51
- Località: Udine
- Versione: 3.0.10
- MOD: Sì
- Server: UNIX/Linux
- phpBB SEO: No
- PHP: 5.2.9
- Database: MySQL 5.0.77
16 messaggi
• Pagina 2 di 2 • 1, 2
SEO Search Tags
aggiungere tooltip su immagine phpbb2 script head tooltip foto tooltip per immagine tootip immagine visualizzare immagine su tooltip tooltip immagine tooltip immagini tooltip su immagine
Chi c’è in linea
Visitano il forum: Nessuno e 1 ospite
-
- Pubblicità
