Personalizzare stile pulsante galleria slideshow 
Autore: Massimo B.
Visite 1200,
Followers 2,
Condiviso 0
Buongiorno, ho un sito che si occupa di arte e avrei bisogno di utilizzare un pulsante più stilizzato per le gallerie slideShow. Quelli a disposizione non vanno bene. E' possibile crearne uno nuovo e caricarlo?
Allego un esempio di cosa mi servirebbe
Grazie
Postato il
Autore
ho preparato i due file .png (destra e sinistra) con le frecce che vorrei ma non so come inserirli nel progetto
Autore
ho messo, in fase di esportazione, i nuovi file .png nella directory gallery sostituendoli ai file del programma (b02_l e b02_r) e funziona. Ogni volta che creerò una pagina nuova che usa i pulsanti dovrò però rifare la sostituzione nuovamente perchè il programma sovrascriverà i miei .png con i suoi di default, quindi vorrei sapere se esiste un sistema diverso per inserire pulsanti nuovi
Grazie!
.
Autore
ecco una pagina di esempio dove ho sostituito il pulsante con quello disegnato da me (b02_l)
https://www.cardelliefontana.com/artisti/baricchi/mb20-selva-66-50x40.html
... allega le tue immagini al progetto, (questo lo saprai fare penso), lasciando la cartella "files" come destinazione proposta per default, per esempio le immagini nominate:
sinistra.png
destra.png
... per cui la loro path sarà
files/sinistra.png
files/destra.png
... quindi, nelle proprietà di quella pagina, in questa posizione:
>> Passo 3 - Mappa > Finestra Proprietà Pagina > Sezione Esperto > ▪Codice personalizzato: > (3°) - Prima della chiusura del tag HEAD
... incolla questo codice:
<script>
$( document ).ready(function() {
$( "img[alt='Precedente']" ).attr('src','files/sinistra.png');
$( "img[alt='Successivo']" ).attr('src','files/destra.png');
});
</script>
.
... ! ... considera che sono senza PC e senza Programma...!...
... prova e fammi sapere ...
.
Autore
Non mi sembra funzioni, a me servirebbe dire al programma di sostituire in tutte le pagine del progetto i file b17_l.png e b17_r.png con i due file fatti da me che possiamo chiamare destro.png e sinistro.png
Questo è il codice che usa il programma:
'slideshow': { 'active': true, buttonPrev: { url: 'gallery/b17_l.png', x: 4, y: 0, width: 24, height: 25 }, buttonNext: { url: 'gallery/b17_r.png', x: 4, y: 0, width: 24, height: 25 },
... per poter forse! capire, non vedo il codice applicato nella tua precedente pagina, dove adesso si vede solo un freccia a destra >...
Autore
il codice è come quello che ho scritto sopra:
'slideshow': { 'active': true, buttonPrev: { url: 'gallery/b02_l.png', x: -28, y: 0, width: 28, height: 24 }, buttonNext: { url: 'gallery/b02_r.png', x: -28, y: 0, width: 28, height: 24 }, nextPrevMode: 'visible'}
nella pagina si vede solo la freccia di destra per mia scelta ed è un > che ho ottenuto modificando il file b02_r.png con photoshop e salvandolo in 'gallery/b02_r.png'
Facendo così però, ogni volta che pubblico una pagina nuova, il programma mi rimpiazza il file b17.png modificato da me con la sua versione originale
... mi riferivo al mio di codice postato in precedenza...
... comunque se ti funziona sostituendo con il tuo codice come stai provando, procedi pure in tal senso...
... come detto prima, senza PC posso solo basarmi su quel che vedo online...
.