WebSite X5Help Center

 
Massimo B.
Massimo B.
User

Personalizzare stile pulsante galleria slideshow  it

Auteur : Massimo B.
Visité 1262, Followers 2, Partagé 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

Posté le
9 RéPONSES - 1 UTILES
Massimo B.
Massimo B.
User
Auteur

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

Lire plus
Posté le de Massimo B.
Massimo B.
Massimo B.
User
Auteur

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!

Lire plus
Posté le de Massimo B.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Meilleur utilisateur du mois ESMeilleur utilisateur du mois 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...

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Meilleur utilisateur du mois ESMeilleur utilisateur du mois 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 ...

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Massimo B.
Massimo B.
User
Auteur

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

Lire plus
Posté le de Massimo B.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Meilleur utilisateur du mois ESMeilleur utilisateur du mois 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 >...

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Massimo B.
Massimo B.
User
Auteur

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 

Lire plus
Posté le de Massimo B.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Meilleur utilisateur du mois ESMeilleur utilisateur du mois 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...

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪