Controller Cursore

[Zambelletti]

Buon giorno.


E' difficile da spiegare, di cosa avrei bisogno e quindi è difficile anche cercarlo.
Proviamoci.
Supponiamo che io prepari una scena in 3d.
Questa ha ad esempio 2 luci : luce esterna, luce artificiale (in realtà avrà più luci).
Poi realizzo "n" render con la luce solare e "m" render con la luce artificiale.
La differenza sta nel fatto che ogni "n" o "m" render, avranno una diversa intensità di luce.
le immagini si chiameranno ad esempio :
cucina-luce-esterna-intensity-10
cucina-luce-esterna-intensity-15
cucina-luce-esterna-intensity-20
cucina-luce-esterna-intensity-25
etc;
cucina-luce-artificiale-intensity-10
cucina-luce-artificiale-intensity-15
cucina-luce-artificiale-intensity-20
cucina-luce-artificiale-intensity-25
etc;

Nella pagina, dovrei mettere 2 curosi (uno per la luce esterna e uno per la luce artificiale
tipo questo : [size=78%]http://egorkhmelev.github.io/jslider/[/size]


dove spostando il cursore della luce artificale, da 10 a 15, visualizzo l'immaine corrispondente,
stessa cosa per l'altro cursore che ovviamente sta nella stessa pagina.


Secondo voi, come potrei realizzare tutto ciò?


Grazie!

[lemonsong]

Non so se ho capito bene ma prova a vedere se da questo grezzo esempio/input puoi tirare fuori qualcosa:

http://lemonsong.altervista.org/test_jq_ui_labeledslider/


Fonti: http://jqueryui.com/slider/ - http://bseth99.github.io/jquery-ui-extensions/


Grazie stesil per l'aiuto.

[Zambelletti]

Si! Bravo! è esattamente questo!
Solo che i cursori ne devono essere di più, e gli step di ogni cursore anzichè 4, molti di più.


Però credo che non dovrebbe essere difficile incrementarli.
Proverò, sto preparando delle immagini ad hoc, non appena sono pronte implemento in wsx5.


Grazie ancora.

[Zambelletti]

No! aspetta, ho appena visto il codice, e c'è una sola immagine.
Quindi questo vuol dire, che lo script va a modificare quella immagine.


In realtà, mi occorre una funzione che è molto più semplice, rispetto a questa.


ad esempio, e per semplicità :
supponiamo che ci siano  2 cursori con 4 step ciascuno.


Mi occorre che allo step 5, si visualizzi una certa immagine(già precedentemente più chiara o più scura.


Ti posto delle immagini per farmi capire.

[Zambelletti]

Ecco, quindi sono io che produco le immagini con diversi livelli di luminosità, dove il valore 0 mostra il fotogramma correttamente esposto, muovendolo verso destra vengono mostrate le immagini sovraesposte (preparate da me), e muovendolo verso sinistra, vengono mostrate le immagini  sotto esposte (preparate da me).


Andando sull'altro cursore, il meccanismo è analogo, solo che anzichè di visualizzarea la luce solare, si visualizza l'effetto con un altro tipo di luce.


si tratterebbe di far corrispondere a determinata posizione del cursore, una data immagine.
Non so se è più chiaro, detto così.


Intanto grazie!
E' una cosa fattibile?


EDIT : tanto per essere più chiaro :
LINK


in questa pagina (alcuni pulsanti non li visualizzerai, sto cercando di sistemare, però funziona lo switch)
Cliccando ad esempio su skylight, ovviamente visualizzerai quella immagine.


Sotto a questi pulsanti, vorrei metterci 8 cursori che chimerò : all-light, skylight, sunlight, spolight etc;
Se sto visualizzando quella di skylight, intervenendo sul cursore corrispondente, visualizzando tutta la gamma di luminosità.


Se poi vado a muovere il cursore : spotlight, visualizzero l'immagine corrispondente, vedendone tutta la gamma.

[Zambelletti]

ho visto meglio il codice, in images ci sono tutte, non c'è una sola immagine come credevo.

[lemonsong]

No! aspetta, ho appena visto il codice, e c'è una sola immagine.

No! Tu non hai visto il codice perchè altrimenti avresti capito che ad ogni step del cursore corrisponde già un'immagine diversa (preparate da me  )!

http://lemonsong.altervista.org/test_jq_ui_labeledslider/images/img-est-10.jpg

http://lemonsong.altervista.org/test_jq_ui_labeledslider/images/img-est-15.jpg

http://lemonsong.altervista.org/test_jq_ui_labeledslider/images/img-est-20.jpg

http://lemonsong.altervista.org/test_jq_ui_labeledslider/images/img-est-25.jpg

etc..


Edit:
OK, per una manciata di secondi... il post lo lascio lo stesso 

[Zambelletti]

ho visto meglio il codice, in images ci sono tutte, non c'è una sola immagine come credevo.

Infatti!
Mi sono corretto non appena l'ho guardato con più attenzione. 

[lemonsong]

http://lemonsong.altervista.org/test_jq_ui_labeledslider/

Ho modificato lo script ed aggiunto un "preload" immagini.


Grazie ancora, stesil.

[Zambelletti]

Eccomi, ho trovato un attimo per riportare il codice in wsx5.


LINK


A breve saranno pronte le immagini da inserire e vediamo cosa succede.

[stesil]

Oltre ad inserire le tue immagini, controlla quello che hai copiato.

Mi sembra che ci sia qualche div di troppo... il contenuto del sito è tutto spostato a sinistra...

[Zambelletti]

grazie, ho notato che era spostato a sinistra.
stavo cercando di capire come mai.


provvedo.


E' questo d togliere :

Codice:

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

[Zambelletti]

Mi correggo : è questo da inserire :

Codice:

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

[stesil]

E' ancora troppo: devi inserire solo i primi tre div.

[Zambelletti]

ma sai, prima che me lo scrivessi, lo avevo fatto e mi scomparivano i cursori, ad ognimodo credo di aver risolto, grazie.