problema bottoni coin slider

coguaro

Utente Attivo
28 Mar 2004
32
0
0
43
www.coguaro.it
slide show con coin-slider jquery
sto creando uno slide show con questo script http://workshop.rs/projects/coin-slider/ che ho pubblicato in una prova sito qua http://www.stefanoranno.it/sito_1024/ però mi ritrovo con 1 problema che cercando nel codice non sono riuscito a trovare come risolvere ( magari non è neanche possibile eventualmente potete pure proporre alternative) invece di usare i bottoni tondi o quadrati (da quello che ho capito sono grafici fatti dallo script ) vorrei usare delle immagini che scelgo io e che posso posizionare dove voglio per ora pensavo di usare dei cerchi colorati con dentro il numero da 1 a 5 ( attualmente ho solo 5 immagini nello slide) che siano sia spente che accese a seconda di dove si trova lo slide

es:

apro la pagina e lo slide parte con la prima immagine e i bottoni sono il 1° acceso e gli altri spenti passa alla seconda immagine e automaticamente si spegne il 1° bottone (di conseguenza cambia l'immagine ) e si accende il 2° (di conseguenza cambia l'immagine ) gli altri rimangono spenti (come se fosse un'altro "slide" però se uno clicca direttamente su di un numero apre nello slide l'immagine di riferimento) i bottoni che si vedono di lato sarebbero quelli che vorrei utilizzare per lo slide qualcuno mi può aiutare???
 

coguaro

Utente Attivo
28 Mar 2004
32
0
0
43
www.coguaro.it
ho quasi risolto impostando questo da css

Codice:
.cs-buttons a
{
background-image: url('../../img/00_home/box_2/spento.jpg');
background-position: center center;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
margin: 10px;
height: 20px;
vertical-align: middle;
text-align: center;
line-height: 20px;
width: 20px;
color: #989898;
font-weight: bold;
float: left;
}
a.cs-active
{
background-image: url('../../img/00_home/box_2/acceso.jpg');
background-position: center center;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
margin: 10px;
height: 20px;;
vertical-align: middle;
text-align: center;
line-height: 20px;
width: 20px;
font-weight: bold;
float: left;
}
.cs-buttons a:hover
{
background-image: url('../../img/00_home/box_2/acceso.jpg');
background-position: center center;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
margin: 10px;
height: 20px;;
vertical-align: middle;
text-align: center;
line-height: 20px;
width: 20px;
font-weight: bold;
float: left;
}

anche se non sono riuscito ad usare 2 colori diversi per i testi ( se eventualmente qualcuno riesce ad aiutarmi ad avere i due colori la grafica sarebbe felicissima)

e cambiando questa riga nel js per posizionare i bottoni dove voglio

Codice:
$("<div id='cs-buttons-"+el.id+"' class='cs-buttons'></div>").appendTo($('#coin-slider'));

con questa

Codice:
$("<div id='cs-buttons-"+el.id+"' class='cs-buttons'></div>").appendTo($('#tasti-slide'));

dove dico appunto che i bottoni li voglio dentro al div tasti-slide
 
Discussioni simili
Autore Titolo Forum Risposte Data
P Problema ancore e bottoni che NON rispondono al click su IPad e Iphone HTML e CSS 1
Z [Flash As3] Problema con bottoni - Error #1009 Flash 1
V Problema movie clip dinamici e bottoni Flash 0
I Sto progettando nuovi siti utilizzando bootstrap e devo dire funziona bene, l'unico problema e la maschera -moz- HTML e CSS 0
K Problema form update PHP 2
O problema con dvr dahua xvr5116 IP Cam e Videosorveglianza 0
S Problema nel ciclare un json Javascript 0
G Problema con Xampp Web Server 1
andrea barletta Problema con miniature comandi Photoshop 0
I problema con alice Posta Elettronica 0
K Problema Inner join PHP 1
F firefox problema http Linux e Software 0
N Problema con position absolute e overflow HTML e CSS 4
E Problema jquery Success jQuery 2
L Problema con inner join PHP 11
K [php] Problema con inner join PHP 4
E problema selezione sfumata Photoshop 2
K [PHP] Problema con variabili concatenate. PHP 1
A Problema filtro fluidifica Photoshop Photoshop 1
H Problema Bordi Scontorno Photoshop 1
O problema con query PHP 4
R Problema installazione Realtek WiFi USB rtl8821 Reti LAN e Wireless 0
I problema con 2 account Posta Elettronica 1
L problema collegamento file css con html HTML e CSS 1
Y Problema percorso file in rete PHP 1
N Problema SEO "L'URL non si trova su Google" SEO e Posizionamento 4
E Problema accesso a file con app sviluppata con MIT APP INVENTOR 2 Sviluppo app per Android 0
P Problema acquisizione clienti Webdesign e Grafica 1
F NetBeans problema creazione progetto Java Windows e Software 0
M Problema con Try Catch PHP 0
C problema seo + cerco esperto SEO e Posizionamento 11
Sergio Unia Problema con gli eventi del mouse su una data table: Javascript 2
T PROBLEMA CON SESSIONI PHP 3
A Problema, non so, di scale() o transform, oppure altro? HTML e CSS 0
T ALTRO PROBLEMA CON ARRAY PHP PHP 1
R problema con else PHP 0
T PROBLEMA CON ARRAY PHP 8
L problema con query select PHP 2
R Problema query con ricerca id numerico PHP 2
F Problema con risposta PHP 0
S problema con recupero dati tabella mysql PHP 2
Z Problema con il mio tp-l i nk Reti LAN e Wireless 1
I PROBLEMA: Sostituzione sito XAMPP E-Commerce 0
T problema data 30/11/-1 PHP 0
L Problema RAM con Tomcat 8 Apache 0
napuleone problema con sort e asort PHP 4
Y Problema incolonnamento tabella PHP 7
S problema salvataggio immagini Photoshop 0
Z Problema con INT MySQL PHP 1
Z Problema database MySQL con XAMPP PHP 0

Discussioni simili