WebSite X5Help Center

 
Massimo B.
Massimo B.
User

Personalizzare stile pulsante galleria slideshow  it

Autore: Massimo B.
Visite 1260, 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
9 RISPOSTE - 1 UTILE
Massimo B.
Massimo B.
User
Autore

ho preparato i due file .png (destra e sinistra) con le frecce che vorrei ma non so come inserirli nel progetto

Leggi di più
Postato il da Massimo B.
Massimo B.
Massimo B.
User
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!

Leggi di più
Postato il da Massimo B.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Utente del mese ESUtente del mese PT
Massimo Biava
 ... ... ...  vorrei sapere se esiste un sistema diverso per inserire pulsanti nuovi ... ... 
 ... si potrebbe usare semplice codice EXTRA che rimarrebbe fissato nel progetto, ma da parte mia, per poter io valutare devi postare il LINK di un tuo esempio online...

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Utente del mese ESUtente del mese PT

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

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Massimo B.
Massimo B.
User
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 },

Leggi di più
Postato il da Massimo B.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Utente del mese ESUtente del mese PT
Massimo Biava
Non mi sembra funzioni, ... ... 

... per poter forse! capire, non vedo il codice applicato nella tua precedente pagina, dove adesso si vede solo un freccia a  destra >...

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Massimo B.
Massimo B.
User
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 

Leggi di più
Postato il da Massimo B.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Utente del mese ESUtente del mese PT
Massimo Biava
il codice è come quello che ho scritto sopra: ... ... ..

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

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪