Apertura ShowBox cliccando su una immagine nel Box Laterale del Blog
Autore: Roberto P.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
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
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??
Togli la "s" in più da qui:
../imagess/Logo.jpg
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??
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.
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
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??
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>
Autore
Funziona tutto...Grazie a tutti dell'aiuto...
Riassumendo bisogna stare attenti alle maiuscole/minuscole e anche a mettere "../" nei path e non "..\"