WebSite X5Help Center

 
Roberto P.
Roberto P.
User

Apertura ShowBox cliccando su una immagine nel Box Laterale del Blog  it

Autore: Roberto P.
Visite 969, Followers 3, Condiviso 0  

Ciao a tutti,

ho provato ad aggiungere questo codice HTML nel box laterale del mio Blog:

<a href=".\\Images\\Piano.gif" onclick="return x5engine.imShowBox({ swipeImg: '../res/imSwipe.png', closeImg: '../res/imClose.png', loadingImg: '../res/imLoad.gif', startIndex: 0, media:[{type: 'image', url: '.\\Images\\Piano.gif', width: 800, height: 533, description: ''}]}, 0, this);" onmouseover="x5engine.imTip.Show($(this).children().first(), { text: 'Ingrandisci Immagine', width: 180});" class="imCssLink"><img src=".\\Images\\Piano.gif" width="200" height="310" class="fleft" style="width: 200px; height: 310px;" alt="" title=""/></a>

In anteprima vedo correttamente l'immagine nel box laterale del Blog e se passo il mouse sopra vedo aprirsi il tooltip ma se la seleziono cliccandoci sopra viene visualizzata l'immagine della rotellina di caricamento che gira ma l'immagine non viene aperta nello showbox...Se clicco fuori dall'immagine vedo svanire lo sfondo ma resta l'immagine della rotellina che gira...

Qualcuno sa dirmi cosa sbaglio e come risolvere il problema??

Grazie mille

Postato il
9 RISPOSTE
 lemonsong  
 lemonsong  
User

Supponendo che la tua immagine sia nella cartella images (dovrai allegarla), la sintassi corretta del percorso è:

../images/Piano.gif

Attenzione inoltre alle minuscole/maiuscole.

_______ oltre il 5° step ________

http://www.unofficialwsx5.com

Leggi di più
Postato il da  lemonsong  
Roberto P.
Roberto P.
User
Autore

Grazie Lemonsong

Ho provato con un'altra immagine ma la situazione è la stessa...Ho cambiato i path per test stando attento a maiuscole e minuscole...Questo è il codice HTML:

<a href="../images/Logo.jpg" onclick="return x5engine.imShowBox({ swipeImg: '../res/imSwipe.png', closeImg: '../res/imClose.png', loadingImg: '../res/imLoad.gif', startIndex: 0, media:[{type: 'image', url: '../imagess/Logo.jpg', width: 800, height: 533, description: ''}]}, 0, this);" onmouseover="x5engine.imTip.Show($(this).children().first(), { text: 'Zoom', width: 180});" class="imCssLink">
<img src="../images/Logo.jpg" width="210" height="168" class="fleft" style="width: 210px; height: 168px;" alt="" title=""/></a>

Vi allego lo screenshot di cosa vedo quando clicco sull'immagine del blocco laterale del blog...L'immagine viene visualizzata bene nel blocco laterale e il tooltip funziona bene ma lo showbox non viene aperto correttamente...Qualcuno sa aiutarmi??

Leggi di più
Postato il da Roberto P.
 lemonsong  
 lemonsong  
User

Togli la "s" in più da qui:

../imagess/Logo.jpg

Leggi di più
Postato il da  lemonsong  
Roberto P.
Roberto P.
User
Autore

Si scusa lemongsong sono un pirla, mi era scappata la "s" e l'avevo vista dopo aver messo il post ma non risolve il problema...Con il path giusto ora scompare l'immagine animata della rotellina ma non si apre l'immagine del logo di test nello showbox...Vi allego l'immagine del logo di prova...se riuscite a fare una prova e vedere se a qualcuno di voi funziona ve ne sarei grato...

Avete un codice HTML di esempio per aprire lo showbox da box laterale del Blog??

Leggi di più
Postato il da Roberto P.
 stesil  
 stesil  
User

Ciao Roberto, io ho provato con la tua immagine e con il codice che hai postato prima, con la correzione della doppia s. Funziona.

Metti una prova online e forse si capisce cosa stai sbagliando.

Leggi di più
Postato il da  stesil  
Template By Silver™
Template By Silver™
User

non ho provato ma non vedo perchè non dovrebbe funzionare,

penso che non hai allegato l'immagine con un oggetto html indicando images come percorso

Leggi di più
Postato il da Template By Silver™
Roberto P.
Roberto P.
User
Autore

Stesil puoi mandare il tuo codice che verifico??

Purtroppo non posso caricare una prova online sul mio sito in questo momento...Lo farò questa sera sul portatile che ho a casa con WS Evo 10...Ma se mi mandi il tuo codice HTML lo provo in locale con la versione EVO 10 DEMO che ho qui in ufficio...Grazie mille dell'aiuto...Non è che potrebbe essere la versione DEMO che fa casini??

Leggi di più
Postato il da Roberto P.
 stesil  
 stesil  
User

Il codice è quello che hai scritto tu, comunque te lo posto:

<a href="../images/Logo.jpg" onclick="return x5engine.imShowBox({ swipeImg: '../res/imSwipe.png', closeImg: '../res/imClose.png', loadingImg: '../res/imLoad.gif', startIndex: 0, media:[{type: 'image', url: '../images/Logo.jpg', width: 800, height: 533, description: ''}]}, 0, this);" onmouseover="x5engine.imTip.Show($(this).children().first(), { text: 'Zoom', width: 180});" class="imCssLink">
<img src="../images/Logo.jpg" width="210" height="168" class="fleft" style="width: 210px; height: 168px;" alt="" title=""/></a>

Leggi di più
Postato il da  stesil  
Roberto P.
Roberto P.
User
Autore

Funziona tutto...Grazie a tutti dell'aiuto...

Riassumendo bisogna stare attenti alle maiuscole/minuscole e anche a mettere "../" nei path e non "..\"

Leggi di più
Postato il da Roberto P.