WebSite X5Help Center

 
Massimo M.
Massimo M.
User

Nome automatico del file nella galleria foto con V13  it

Autore: Massimo M.
Visite 1315, Followers 2, Condiviso 0  

Ciao a tutti! Ho trovato nella community lo script aggiornato e testato per la 13.0.3.22 che permette di visualizzare in automatico il nome del file senza doverlo scrivere (ho parecchie foto) ma inserito come da istruzioni non fa apparire nulla. Ho la versione 13.1.3.11 (64bit) e ho questa necessità perchè devo far visionare una provinatura online. Ho creato un'area riservata dove in una pagina ho inserito le varie gallerie (miniature) ma non riesco a venirne a capo. Non sono esperto di codice (sono fotografo) ma cerco sempre di sbattermi per comprendere...Grazie! PS. il sito è: www.raffaellacabiddu.com

Postato il
11 RISPOSTE - 4 UTILI - 1 CORRETTO
Tommaso Tarallo
Tommaso Tarallo
User

Posta il codice 

Leggi di più
Postato il da Tommaso Tarallo
Massimo M.
Massimo M.
User
Autore

Ciao, ecco il codice:

<style>
.desc-min {
display:block;
height:0;
text-align:center;
position:relative;
top:-32px;
font-size:14px;
color:black;
}
</style>
<script>
$(document).ready(function(){
$('div[id^="imObjectGallery_"]').each(function(){
var num = $(this).attr('id').replace('imObjectGallery_','');
$('#imObjectGallery_'+num+' a').each(function(index){
var desc = window['showbox_imObjectGallery_'+num]['media'][index]['description'];
$(this).append("<span class='desc-min'>"+desc+"</span>");
});
});
});
</script>

Leggi di più
Postato il da Massimo M.
Skeggia 12
Skeggia 12
Moderator

non so dove hai preso questo codice, ma hai provato a vedere questo tutorial che forse potrebbe risolvere il tuo problema?... il nome della foto viene visualizzato nell'ingrandimento in showbox...

____________________

sorry avevo dimenticato il link, ora inutile... ovviato da lemonsong nel post successivo...

Leggi di più
Postato il da Skeggia 12
 lemonsong  
 lemonsong  
User
Massimo M.
Ciao a tutti! Ho trovato nella community lo script aggiornato e testato per la 13.0.3.22 che permette di visualizzare in automatico il nome del file senza doverlo scrivere [...]

Il codice che hai postato proviene da questo post MA serve per visualizzare la descrizione inserita da programma, sotto la miniatura.

Da quello che hai scritto, a te serve lo script presente in quest'altro post.

Leggi di più
Postato il da  lemonsong  
Massimo M.
Massimo M.
User
Autore

Ciao a tutti! Ho provato con il codice indicato da lemonsong e qualche risultato l'ho ottenuto. Ora però il mio problema è che nella stessa pagina devo inserire 10 gallerie. Come devo fare? Considerate che sono "semiprofano".

Se qualcuno vuol dare un'occhiata, questo è il sito: www.raffaellacabiddu.com

area sposi ---> login ---> nome utente:123  password:123

Grazie 1000

Massimo

Leggi di più
Postato il da Massimo M.
Skeggia 12
Skeggia 12
Moderator

andrebbe riscritto il codice, ma non essendo in grado, per me basta ripetere il codice javascript per tutte le volte che ti occorre, in base alle gallery create... esempio (per tre gallery), cambiando il numero id delle gallery...

<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
    });
});
$(document).ready(function () {
    $('#imObjectGallery_02 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_02['media'][index]['description'] = nome; // nome nella descrizione dello showbox
    });
});
$(document).ready(function () {
    $('#imObjectGallery_03 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_03['media'][index]['description'] = nome; // nome nella descrizione dello showbox
    });
});
</script>

mi scuso con lemonsong per la "rozzezza" del sistema... ma se non puoi scalare un ostacolo, prova a girargli intorno...

P.S. - Io non metterei troppe gallery in una pagina per non appesantirla e quindi rallentare enormemente il caricamento della stessa pagina...

Leggi di più
Postato il da Skeggia 12
 lemonsong  
 lemonsong  
User
Massimo M.
Ciao a tutti! Ho provato con il codice indicato da lemonsong e qualche risultato l'ho ottenuto.

Ti sei dimenticato i CSS che trovi nel primo post dello stesso topic.

Dovrai anche ottimizzare i CSS per tutti (o quasi) i breakpoint.

Disporrei meglio le gallery nella pagina (miniature più grandi).


@Skeggia

Sì, andrebbe rivisto il codice.

Puoi però inserire i codici per ogni gallery "dentro" un unico

$(document).ready(function () {

//QUI I CODICI

});

Leggi di più
Postato il da  lemonsong  
Massimo M.
Massimo M.
User
Autore

Ok...se Maometto non va alla montagna... comunque almeno ora riesco a far apparire i nomi dei file sotto le fotografie e all'interno dello showbox a piè delle foto quando sono cliccate. L'unica cosa ...spero l'ultima, è che non riesco a riposizionare le scritte nella galleria, agendo sul codice...non accade proprio nulla. Allego la schermata. Grazie ancora.

Leggi di più
Postato il da Massimo M.
Skeggia 12
Skeggia 12
Moderator
 lemonsong  
@Skeggia Sì, andrebbe rivisto il codice. Puoi però inserire i codici per ogni gallery "dentro" un unico $(document).ready(function () { //QUI I CODICI });

eh inutile dire che ci avevo provato, ma non essendoci riuscito sono andato sul sicuro... ma comunque ritento... tank's...

______________

fatto... e ho anche inserito una eventuale modifica alla descrizione dello showbox così... se può essere utile... da personalizzare...

#imShowBox>div{
 color: blue !important;
 display: block;
 position: relative;
 text-align: center !important;
 font-family:trebuchet ms !important;
 font-weight:900 !important;
 font-size:24px !important;
}

Leggi di più
Postato il da Skeggia 12
Massimo M.
Massimo M.
User
Autore

Grazie lemonsong, grazie Skeggia...ora è tutto molto più chiaro, ho corretto il codice e il risultato è finalmente buono!

Leggi di più
Postato il da Massimo M.