WebSite X5Help Center

 
Massimo B.
Massimo B.
User

Personalizzare stile pulsante galleria slideshow  it

Autor: Massimo B.
Besucht 863, Followers 2, Geteilt 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

Gepostet am
9 ANTWORTEN - 1 NüTZLICH
Massimo B.
Massimo B.
User
Autor

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

Mehr lesen
Gepostet am von Massimo B.
Massimo B.
Massimo B.
User
Autor

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!

Mehr lesen
Gepostet am von Massimo B.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Nutzer des Monats 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...

.

Mehr lesen
Gepostet am von  ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Nutzer des Monats 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 ...

.

Mehr lesen
Gepostet am von  ‪ KolAsim ‪ ‪
Massimo B.
Massimo B.
User
Autor

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 },

Mehr lesen
Gepostet am von Massimo B.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Nutzer des Monats 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 >...

Mehr lesen
Gepostet am von  ‪ KolAsim ‪ ‪
Massimo B.
Massimo B.
User
Autor

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 

Mehr lesen
Gepostet am von Massimo B.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Nutzer des Monats 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...

.

Mehr lesen
Gepostet am von  ‪ KolAsim ‪ ‪