Unofficial WebSite X5
Categoria generale => FAQ - HowTo - Tutorials => Topic aperto da: stesil - 20 Settembre, 2014, 22:38:44
-
Avendo un elevato numero di immagini da inserire in un oggetto galleria miniature, può risultare comodo che il nome del file venga visualizzato in automatico nella descrizione dell'immagine ingrandita tramite ShowBox. Noi abbiamo aggiunto anche la visualizzazione del nome sotto la relativa miniatura.
Qui l'esempio: http://stesil.altervista.org/evo10/descrizione-immagine/ (http://stesil.altervista.org/evo10/descrizione-immagine/)
Inseriamo nella pagina un oggetto Galleria, Tipo di galleria: miniature, spuntiamo l'opzione Mostra ingrandimento su click tramite ShowBox.
[attach=1]
Nella scheda Elenco aggiungiamo tutte le nostre immagini, ovviamente lasciando vuoto il campo descrizione e collegamento.
[attach=2]
In head della pagina (Proprietà pagina, Esperto, Prima della chiusura del tag HEAD) inseriamo questo CSS che definisce lo stile del nome posto sotto la miniatura (personalizzabile):
Only registered users can see contents. Please click here to Register or Login.
Inseriamo sotto il CSS il contenuto di questo file: [attachurl=3]
Queste le righe dello script da personalizzare con il numero contenuto nell'id dell'oggetto galleria, individuabile ad esempio con "Ispeziona codice" nell'anteprima di WS:
$('#imObjectGallery_2 a').each(function(index){
showbox_2['media'][index]['description'] = nome;
Lo script è stato testato con la versione 10.1.12.57
-
In alcuni casi WS può aggiungere un suffisso alfanumerico nel nome delle immagini scelte.
Per rimuovere tale suffisso dal nome visualizzato, lo script dovrà essere modificato.
Di seguito un paio di alternative:
1. Con istruzione condizionale (if)
<script>
$(document).ready(function () {
$('#imObjectGallery_2 a').each(function (index) {
var nome = $(this).attr('href').replace('gallery/', '').slice(0, -4);
if (nome.indexOf('_') != -1)
nome = nome.slice(0, -9);
$(this).append('<span class="thumbsDesc">'+nome+'</span>');
showbox_2['media'][index]['description'] = nome;
});
});
</script>
2. Con espressione regolare
<script>
$(document).ready(function () {
$('#imObjectGallery_2 a').each(function (index) {
var nome = $(this).attr('href').replace('gallery/', '').slice(0, -4).replace(/_\w{8}$/, '');
$(this).append('<span class="thumbsDesc">'+nome+'</span>');
showbox_2['media'][index]['description'] = nome;
});
});
</script>
Nota:
NON utilizzare il carattere underscore (_) nel nome dell'immagine.
-
Con la versione 13, lo script necessita di un'ulteriore modifica, poiché sono stati cambiati l'id della galleria e la variabile dello showbox ad esso collegata.
Questo è il codice da utilizzare:
<script>
$(document).ready(function () {
$('#imObjectGallery_01 a').each(function (index) {
var nome = $(this).attr('href').replace('gallery/', '').slice(0, -4).replace(/_\w{8}$/, '');
$(this).append('<span class="thumbsDesc">'+nome+'</span>'); // nome sotto la miniatura
showbox_imObjectGallery_01['media'][index]['description'] = nome; // nome nella descrizione dello showbox
});
});
</script>
In rosso da personalizzare con il numero dell'id della galleria che può essere rilevato dal sorgente della pagina.
Tutte le altre indicazioni rimangono invariate.
Lo script è stato testato con la versione 13.0.0.14
-
Buongiorno, provato con la vers. 13.0.1.16 pro, inserito il CSS in descrizione seguito dal codice modificato per la versione 13, ma sotto la foto non appare niente. Dove sbaglio?
-
Ciao e benvenuto.
Se non posti il link ad una prova online si può solo supporre che, per esempio, tu abbia sbagliato il numero dell'id della galleria da indicare nello script.
-
Lemonsong buongiorno,
effettivamente dovevo inserire "imObjectGallery_13_01" al posto di "imObjectGallery_01".
Quando avevo fatto delle prove con la vers. 12 pro inserivo solo una volta il numero dell'id, identico per le varie gallerie, ora con la versione 13 pro ogni galleria necessita di un numero progressivo (13_01, 14_01, - ecc) bha sarò stato fortunato, la cosa importante che la numerazione ora si vede sotto la foto.
In compenso non riesco a creare l'area riservata, seguendo le istruzioni per altro semplici e chiare non va!!!!
Cosa che nella vers. 12 ero riuscito ad eseguire semplicemente.
Continuo a provare ... al massimo cercherò il Vs aiuto ancora una volta.
Grazie!!!
-
Prego.
Quando avevo fatto delle prove con la vers. 12 pro inserivo solo una volta il numero dell'id, identico per le varie gallerie [...]
Con questo tipo di script mi sembra improbabile visto che ogni galleria ha e deve avere un id univoco (e questo in tutte le versioni).
-
Buonasera,ho seguito le istruzioni ma ahimè nella pagina mi esce il nome ripetuto ogni volta dell'oggetto con una serie di numeri in ordine e tanti ---
Ad esempio ambientazioni---72 ambientazioni --71-
Io vorrei che nella galleria miniature possa vedere la descrizione senza per forza cliccarci sopra. Non esiste modo?
-
Ciao, questo topic/script riguarda l'inserimento del nome del file immagine come descrizione automatica sotto le miniature.
Non so a che versione fai riferimento ma, se ho capito bene cosa vuoi ottenere, prova a leggere quest'altro topic: https://www.unofficialwsx5.com/index.php?topic=2087.0 (https://www.unofficialwsx5.com/index.php?topic=2087.0)
-
ciao lemon ti spiego: innanzitutto grazie per la tua risposta: ho la professional appena aggiornata v13.
in pratica,ho un sito in cui in ogni pagina c'è una carrellata fotografica organizzata in miniature con ingrandimento showbox. Ecco io vorrei che sotto ogni immagine visualizzata nella pagina non debba per forza cliccarci su per leggerne la descrizione (nel mio caso nella descrizione ho un numero per facilitar il ritrovamento di foto) ma che quel numero si possa vedere direttamente sotto la miniatura,un pò come alla discussione che mi hai rimandato.
Ho provato ad inserire il tuo script ma non funziona!
La versione che ho è la 13.0.3.22 64bit
-
Ho provato ad inserire il tuo script ma non funziona!
La versione che ho è la 13.0.3.22 64bit
Gli script del topic che ti ho linkato sono validi per la versione 12.
Li ho aggiornati per la versione 13: https://www.unofficialwsx5.com/index.php?topic=2087.msg15339#msg15339 (https://www.unofficialwsx5.com/index.php?topic=2087.msg15339#msg15339)
Se hai ancora problemi, posta un link alla tua prova.
-
Lemon,non è perfetto ora. Di più... 8)
Che dirti: Grazie infinite :)