• [v. 10 - v. 13] Oggetto galleria miniature: descrizione automatica 5 1
Currently:  

Autore Topic: [v. 10 - v. 13] Oggetto galleria miniature: descrizione automatica  (Letto 6019 volte)

stesil

  • Anziani
  • Utente storico
  • *
  • Post: 1219
    • quellidelcucuzzolo
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/

Inseriamo nella pagina un oggetto Galleria, Tipo di galleria: miniature, spuntiamo l'opzione Mostra ingrandimento su click tramite ShowBox.

[ Guests cannot view attachments ]

Nella scheda Elenco aggiungiamo tutte le nostre immagini, ovviamente lasciando vuoto il campo descrizione e collegamento.

[ Guests cannot view attachments ]

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):

Codice:
Only registered users can see contents. Please click here to Register or Login.
Inseriamo sotto il CSS il contenuto di questo file:  [ Guests cannot view attachments ]

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:
Citazione
$('#imObjectGallery_2 a').each(function(index){


Citazione
showbox_2['media'][index]['description'] = nome;




Lo script è stato testato con la versione 10.1.12.57

« Ultima modifica: 23 Ottobre, 2016, 18:28:46 da stesil »

lemonsong

  • Anziani
  • Utente storico
  • *
  • Post: 1867
    • lemonsong's world
Re:[v. 10] Oggetto galleria miniature: descrizione automatica
« Risposta #1 il: 24 Ottobre, 2015, 13:33:38 »
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)

Citazione
<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

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

lemonsong

  • Anziani
  • Utente storico
  • *
  • Post: 1867
    • lemonsong's world
Re:[v. 13] Oggetto galleria miniature: descrizione automatica
« Risposta #2 il: 23 Ottobre, 2016, 18:23:40 »
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:

Citazione
<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


Watson

  • Nuovo arrivato
  • *
  • Post: 2
Re:[v. 10 - v. 13] Oggetto galleria miniature: descrizione automatica
« Risposta #3 il: 04 Novembre, 2016, 11:27:20 »
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?

lemonsong

  • Anziani
  • Utente storico
  • *
  • Post: 1867
    • lemonsong's world
Re:[v. 10 - v. 13] Oggetto galleria miniature: descrizione automatica
« Risposta #4 il: 04 Novembre, 2016, 14:42:47 »
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.

Watson

  • Nuovo arrivato
  • *
  • Post: 2
Re:[v. 10 - v. 13] Oggetto galleria miniature: descrizione automatica
« Risposta #5 il: 07 Novembre, 2016, 11:17:55 »
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!!!

lemonsong

  • Anziani
  • Utente storico
  • *
  • Post: 1867
    • lemonsong's world
Re:[v. 10 - v. 13] Oggetto galleria miniature: descrizione automatica
« Risposta #6 il: 07 Novembre, 2016, 17:31:35 »
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).


erlock

  • Nuovo arrivato
  • *
  • Post: 5
Re:[v. 10 - v. 13] Oggetto galleria miniature: descrizione automatica
« Risposta #7 il: 11 Gennaio, 2017, 22:51:22 »
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?

lemonsong

  • Anziani
  • Utente storico
  • *
  • Post: 1867
    • lemonsong's world
Re:[v. 10 - v. 13] Oggetto galleria miniature: descrizione automatica
« Risposta #8 il: 12 Gennaio, 2017, 00:11:45 »
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: http://www.unofficialwsx5.com/index.php?topic=2087.0


erlock

  • Nuovo arrivato
  • *
  • Post: 5
Re:[v. 10 - v. 13] Oggetto galleria miniature: descrizione automatica
« Risposta #9 il: 12 Gennaio, 2017, 00:49:08 »
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

lemonsong

  • Anziani
  • Utente storico
  • *
  • Post: 1867
    • lemonsong's world
Re:[v. 10 - v. 13] Oggetto galleria miniature: descrizione automatica
« Risposta #10 il: 12 Gennaio, 2017, 14:10:11 »
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: http://www.unofficialwsx5.com/index.php?topic=2087.msg15339#msg15339

Se hai ancora problemi, posta un link alla tua prova.

erlock

  • Nuovo arrivato
  • *
  • Post: 5
Re:[v. 10 - v. 13] Oggetto galleria miniature: descrizione automatica
« Risposta #11 il: 12 Gennaio, 2017, 16:12:19 »
Lemon,non è perfetto ora. Di più... 8)
Che dirti: Grazie infinite :)