Nome automatico del file nella galleria foto con V13
Autore: Massimo M.
Visite 1280,
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
Posta il codice
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>
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...
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.
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
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...
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
});
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.
Dovresti leggere con più attenzione:
Cioè questo:
http://www.unofficialwsx5.com/index.php?topic=1847.0
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;
}
Autore
Grazie lemonsong, grazie Skeggia...ora è tutto molto più chiaro, ho corretto il codice e il risultato è finalmente buono!