cambio colore macchine

[Zambelletti]

Buon giorno, vorrei realizzare un qualcosa tipo quello che vedete in questo link :
http://www.toyota.it/cars/new_cars/yaris/index.tmex?view=takealook&select=movies


Ovvero, dati "n" pulsanti, cliccando su di uno la macchina cambia colore (le macchine colorate ce l'ho).
Non so come si possa chiamare questa funzione.


Sapreste indicarmi se in rete c'è qualche esempio?
Grazie!

[Zambelletti]

Buon giorno, mi sono arrangiato da solo, l'ho fatto con uno slideshow :


LINK


vorrei però aggiungere due varianti :


1) il quadratino colorato attivo, vorrei evidenziarlo con una cornice bianca.
2) Ovviamente non vorrei la transizione delle immagini.
3) Che il testo : arancione, rosso, etc; Mi comparisse sotto al quadratino e solo quando è attivo.
4) Vorrei ridurre lo spazio tra la riga azzurra e l'immagine, mentre vorrei aumentare lo spazio tra la riga azzurra e i quadratini colorati


Suppongo che bisogna intervenire sui file css e js


Potreste darmi qualche "spunto" sul come intervenire?
Grazie!

[Zambelletti]

Allora per una parte sono riuscito a correggermi da solo.


Resta da sistemare solo questo :


2) Ovviamente non vorrei la transizione delle immagini.[/size]3) Che il testo : arancione, rosso, etc; Mi comparisse sotto al quadratino e solo quando è attivo.


Un aiutino?

[Zambelletti]

Buon giorno, scusate.
Almeno per me è importante, ho fatto vari tentativi ma non ci riesco.
C'è qualcuno che può darmi un suggerimento per risolvere?


Grazie!

[lemonsong]

2) Ovviamente non vorrei la transizione delle immagini.

Sicuramente non ho capito bene ma se volevi ottenere un semplice "switch" tra immagini perchè implementare uno slide?
Non ho guardato se tra le opzioni esiste la "non transizione" ma con un semplice JS puoi ottenere, per esempio, questo:
http://lemonsong.altervista.org/test_js_colori/ (è un vecchio esempio e va personalizzato/adattato)

3) Che il testo : arancione, rosso, etc; Mi comparisse sotto al quadratino e solo quando è attivo.

Questa non l'ho capita; quale testo, "Gamma Colori"?

[Zambelletti]

Ciao Marco e grazie per essere intervenuto.


Sono ricorso ad uno slider, perchè da solo non sapevo che pesci pigliare, e pensa che ho fatto tutto da solo.
Avevo visto il tuo link, non l'ho preso in considerazione perchè pare che cambi il tema.
Eventualmente provo.


Per il discorso del testo, vorrei questo :
passando con il mouse su di un quadratino arancione, vorrei visualizzare il nome del colore  sotto al quadratino attivo.

[lemonsong]

Prova a vedere se questo può andare: http://lemonsong.altervista.org/test_jq_colori/

Nel sorgente trovi tutto.


Grazie stesil per l'aiuto.

[Zambelletti]

E' esattamente quello che volevo.
Lo implemento e vi ringrazio in privato.

[Zambelletti]

Non mi funziona.


Ho anche provato in una pagina pulita, ma era addirittura peggio.


Ho fatto questo :


file js

Codice:

Only registered users can see contents. Please click here to Register or Login.Richiamandolo in Head

Codice:

Only registered users can see contents. Please click here to Register or Login.come body

Codice:

Only registered users can see contents. Please click here to Register or Login.
come css

Codice:

Only registered users can see contents. Please click here to Register or Login.
Ho caricato tutti i file immagini e il js nella cartella files.

Ecco il link

Mi dareste un ulteriore aiuto?
Grazie anticipatamente.

[lemonsong]

non ti chiedo di farmi la famosa "pappa pronta" ma almeno una fonte da dove posso estrapolarne il codice, come tutti gli altri esperimenti che ho fatto da solo e completati con il vostro prezioso aiuto.

Se "spulci" meglio il sorgente e NON aggiungi il codice che genera già WS dovresti riuscire.

Vedo che a togliere i commenti dagli script sei veloce però   

[Zambelletti]

Forse va meglio.
Guardando il codice con più attenzione (ieri erano le 02,00), c'erano due celle, quindi ho ritenuto opportuno fare due html.
Inoltre, ho capito, che per far si che funzioni, le immagini devono essere nominate con un certo criterio, quindi se il quadratino è rosso, la motocicletta non può essere rossa ma rosso.


Pare che manchi  l'allineamento al centro.

Codice:

Only registered users can see contents. Please click here to Register or Login.già c'è, quindi significa che avrò mancato qualcosa.
posso avere uno spunto ulteriore?


LINK

(Vedi, a volte bastano dei piccoli imput e pian piano ci arriviamo)

[lemonsong]

(Vedi, a volte bastano dei piccoli imput e pian piano ci arriviamo)

Perchè, in quanti siete? 

[Zambelletti]

UNo, un fiorino!


LINK


e per centrarlo? che posso fare?

[lemonsong]

  (uno dei miei film preferiti)


Sembra che tu abbia inserito un </div> di troppo... scovalo e rimuovilo.

[Zambelletti]

L'ho trovato, erano due per la verità.
A volte vedi, sono errori dovuti al copia-incolla, mi succede spesso di portarmi dietro dei codici, non cic sarei arrivato, perchè ero concentrato su altro, escludendo degli errori così stupidi.


Ce l'abbiamo fatta.
Ora non mi resta che fare le mie personalizzazioni.
A tal proposito, se volessi sovrapporre all'immagine della motocicletta, un box con fondo trasparente e testo (come ho fatto qui : LINK) però che il testo sia diverso da slide a slide, come potrei modificareil codice?
Non so se è chiaro.