Tooltip immagini

Haku · Messaggio da **Haku** » 13/07/2011, 18:53

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

Messaggio 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ì;

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/floraitali ... no2011.php

Haku · Messaggio da **Haku** » 13/07/2011, 23:23

In una pagina personalizzata, i tag heas non ci sono e la guida non dice di metterlo °°

Messaggio 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.

Haku · Messaggio 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.

http://www.phpbbitalia.net/forum/phpbb- ... a-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/

Messaggio 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.

phpBB Italia

Tooltip immagini

Re: Tooltip immagini

Re: Tooltip immagini

Re: Tooltip immagini

Re: Tooltip immagini

Re: Tooltip immagini

Re: Tooltip immagini

Chi c’è in linea