Galleria immagini
Autore: Franco F.
Visite 1435,
Followers 2,
Condiviso 0
Galleria immagini quando si ingrandiscono le immagini di una galleria esse appaiono obbligatoriamente al centro della pagina. E' possibile decentrarle in modo da far vedere, ad esempio, la porzione laterale della pagina del sito? E' possibile ingrandire contemporaneamente due gallerie immagini? Immaginiamo che in una pagina ci siano due gruppi di immagini raggruppati in due gallerie. Potrebbe tornare utile confrontare immagini parallele dei due gruppi. Ad esempio uno stesso soggetto prima e dopo un determinato evento. E' possibile?
Postato il
Forse qui trovi quel che cerchi:
http://www.unofficialwsx5.com/index.php?topic=535.msg3311#msg3311
Autore
.. può essere, ma io sono del tutto digiuno di codici. Ho bisogno di qualcuno che mi dica: apri qui, scrivi qui, ecc ...
grazie
Buongiorno Franco,
se vuoi inserire dei codici personali, li puoi scrivere al passo 1, nel tab "esperto" oppure utilizzando l'oggetto HTML al passo3.
Fammi sapere.
Autore
<!--[if gte mso 9]><xml> Normal 0 14 false false false IT X-NONE X-NONE MicrosoftInternetExplorer4 </xml><![endif]-->
Immagino di essere ad un passo dalla soluzione .. ma è troppo difficile per me. Se ho ben capito per far si che le gallerie di immagini ingrandite appaiano non al centro del foglio, ma decentrate, ad esempio in alto a destra, occorre scrivere un codice. Ma dove e come?
Potresti indicarmi cosa scrivere e se è possibile “variare” la posizione delle immagini per singole gallerie?
E’ possibile aprire contemporaneamente due gallerie di immagini, una destra e una a sinistra e gestirle contemporaneamente? (fare avanzare di due immagini una galleria e lasciare ferma una prima immagine dell’altra). In ogni caso sarebbe possibile pensare di automatizzare queste azioni in un prossimo aggiornamento del programma?
Grazie per l’attenzione e … speriamo bene
Franco
Autore
.. che strano, pubblicando la mia risposta mi sono ritrovato con un codice in alto che non ho scritto, coem mai?
Salve Franco,
il testo nel messaggio probabilmente dipende da un plugin installato nel browser.
Per la showbox decentrata, va scritto il codice nel passo 1 - Esperto - nella sezione prima della chiusura del tag HEAD.
Non è possibile aprire 2 shjowbox contemporaneamente nella stessa finistra.
Ti posso suggerire di aprire un nuovo post come “Idea” per esprimere il desiderio di avere tale funzionalità nei futuri aggiornamenti di WebSite X5.
Grazie mille!
Autore
ti ringrazio .. ma potresti scrivermi il codice per la showbox decentrata in modo che a me resti osltanto il compito di fare un ... copia-incolla? Altrimenti non ce la faccio. Grazie comunque. Appena ho tempo dettaglierò la mia "idea" per le prossime versioni
Franco
Buongiorno Franco,
Sfortunatamente non posso aiutarti nel caso di utilizzo di codice personalizzato. Se hai dubbi su come e dove inserirlo resto a tua disposizione.
In linea generale, visto che la funzionalità non dipende direttamente da WebSite X5, puoi cercare informazioni utili sul funzionamento del tuo codice con i motori di ricerca tradizionali come Google o aspettare per vedere se qualcuno della community di Answers riesce a risponderti.
Mi permetto solo di segnalare il post corretto per la versione 10:
http://www.unofficialwsx5.com/index.php?topic=1457.msg10794#msg10794
_______ oltre il 5° step ________
http://www.unofficialwsx5.com
Grazie Lemonsong.....
Autore
partiamo dal codice:
code class="bbc_code">[removed]
$(document).ready(function(){
$('a[onclick^="return x5engine.imShowBox"]').click(function() {
$('img[src="res/imClose.png"]').parent('div').attr('id', 'imSB');
});
});
[removed]
mi spiegate dove debbo inserire i miei dati? Insomma io non so niente di codici. immagino che bisogna sostituire alcune parole con i rifeirmenti del mio progetto. Magari sono le parole entro parentesi tonde, o quelle entro le quadre. Io non capisco niente. Potreste se non altro indirizzarmi verso un manuale elementare per imparare qualche rudimento?
Grazie
I codici suggeriti da stesil in questo post http://www.unofficialwsx5.com/index.php?topic=1457.msg10794#msg10794 devono/possono essere inseriti in... vedi immagine allegata.
Dovrai solo personalizzare i valori di top e left (30px).
Nota bene: questi codici servono solamente per posizionare lo showbox.
Un paio di link per iniziare a capire cosa c'è dietro una pagina web:
http://www.html.it/basic/guide/
http://www.web-link.it/
_______ oltre il 5° step ________
http://www.unofficialwsx5.com
Autore
... scusa ma dov'è l'immagine allegata?
Attachment: showbox.png
ultima riga...
Autore
un vero disastro, ma qualche cosa fa ....
ho copiato il codice solo che non trovo nella sezione esperto la finestra "estensione del file generato" dove dovrebbe apparire "html". Quella che nella tua imamgine è la seconda finestra "codice personalizzato" nella mia pagina è la prima. Qui ho incollato il codice nella sezione "prima della chiusura del tag head" .. ma quando provo a fare anteprima ... appare una pagina vuota. Tutto sparito! Ho ancellato il codice e tutto torna a posto. Insomma c'è ancora qualche cosa che mi manca, ma spero di essere sulla buona strada . Come faccio per far apaprire la prima finestra?
Comunque grazie!
Sicuro di aver copiato correttamente i codici di stesil ed aggiunto i tag <style> e </style> come nell'immagine showbox.png?
Un link con il tuo esempio aiuterebbe a capire meglio.
_______ oltre il 5° step ________
http://www.unofficialwsx5.com
Autore
penso di si. L'unica cosa che non trovo nella sezione "esperto" del mio lavoro è la finestra "estensione del file generato".
Nella pagina la prima finestra che incontro è: "codice personalizzato". Non so se è importante, ma è l'unica differenza.
Anche inserendolo in Impostazioni generali - Esperto - Prima della chiusura del tag HEAD funziona lo stesso (così però modificherai tutti gli showbox in tutte le pagine).
_______ oltre il 5° step ________
http://www.unofficialwsx5.com
Vai in proprietà pagina, sezione esperto...
Autore
ho trovato la pagina giusta e ho copiato il codice così come lo riporto. Il risultano in anteprima è una pagina vuota in cui compare solo il fondo e nel percorso: 1625.html (1625 è il titolo della mia pagina)
<!--[if gte mso 9]><xml> Normal 0 14 false false false IT X-NONE X-NONE MicrosoftInternetExplorer4 </xml><![endif]-->
<!--[if gte mso 9]><xml> Normal 0 14 false false false IT X-NONE X-NONE MicrosoftInternetExplorer4 </xml><![endif]-->
<!--[if gte mso 9]><xml> </xml><![endif]--><!--[if gte mso 10]> <style> /* Style Definitions */ table.MsoNormalTable {mso-style-name:"Tabella normale"; mso-tstyle-rowband-size:0; mso-tstyle-colband-size:0; mso-style-noshow:yes; mso-style-priority:99; mso-style-qformat:yes; mso-style-parent:""; mso-padding-alt:0cm 5.4pt 0cm 5.4pt; mso-para-margin-top:0cm; mso-para-margin-right:0cm; mso-para-margin-bottom:10.0pt; mso-para-margin-left:0cm; line-height:115%; mso-pagination:widow-orphan; font-size:11.0pt; font-family:"Calibri","sans-serif"; mso-ascii-font-family:Calibri; mso-ascii-theme-font:minor-latin; mso-fareast-font-family:"Times New Roman"; mso-fareast-theme-font:minor-fareast; mso-hansi-font-family:Calibri; mso-hansi-theme-font:minor-latin;} </style> div#imSB{
top:30px !important;
left:30px !important;
}
<style>
<script type="text/javascript">
$(document).ready(function(){
$('a[onclick^="return x5engine.imShowBox"]').click(function() {
$('img[src="res/imClose.png"]').parent('div').attr('id', 'imSB');
});
});
</script>
Autore
ma cos'è successo?
riporto il codice che ho incollato al posto giusto
<style>
div#imSB{
top:30px !important;
left:30px !important;
}
<style>
<script type="text/javascript">
$(document).ready(function(){
$('a[onclick^="return x5engine.imShowBox"]').click(function() {
$('img[src="res/imClose.png"]').parent('div').attr('id', 'imSB');
});
});
</script>
apapre una pagina vuota
Non hai chiuso il tag style:
<style>
div#imSB{
top:30px !important;
left:30px !important;
}
</style>
_______ oltre il 5° step ________
http://www.unofficialwsx5.com