Onclick su slide

[Mr_Flash]

Ciao a tutti,
ho questo script slide (postato tempo fa per una problematica diversa:

var NOME = new Array("1", "2", "3", "4");
var LINK = new Array ("http://www.sitoinventato1.it", "http://www.sitoinventato2.com", "http://www.sitoinventato3.com", "http://www.sitoinventato4.com");
$(function() {
$("#miaslider").slider({
range: "min",
value: 2,
min: 0,
max: 3,
step: 1,

slide: function(event, ui) {
$("#NOME").val(NOME[ui.value]);
//$("#LINK").text(LINK[ui.value]);
$("#LINK").attr("href", LINK[ui.value]);
}
});
$("#NOME").val(NOME[$("#miaslider").slider("value")]);
$("#LINK").attr("href", LINK[$("#miaslider").slider("value")]);

});

Adesso vorrei far sì che inserendo due immagini e cliccandoci sopra, la slide si posizionasse nel punto desiderato.

Es. Clicco sull'immagine 1 e la slide si posiziona sul valore 2.
Clicco sull'immagine 2 e la slide si posiziona sul valore 3.

Ho provato ad inserire un evento onclick con una nuova funzione duplicata ma vorrei ottimizzare il codice e non so come fare (praticamente vorrei avere una sola funzione che mi permetta di eseguire tutti i miei "onclick")

Spero di non aver fatto troppa confusione.

Grazie

[Walessio]

Nel codice HTML le slide hanno un id o un data-attr che permette risalire al valore dello slide?
Se non è così fai quello, prima di tutto.
Dopodichè nella funzione onlick leggi quell'attributo, ottieni il valore dello slide e lo assegni allo slide stesso con il metodo apposito:

$.slider( "option", "value", 10 );

[Mr_Flash]

Ciao Walessio,
i valori della slide vengono visualizzati in maniera dinamica da javascript e non saprei sinceramente come applicare un ID. (nel codice che ne risulta ho un semplice href)

Come prova (funzionante) o semplicemente duplicato la funzione attribuendo all'evento onclick il codice

onclick="nomefunzione();"

ma così facendo mi ritrovo una miriade di funzioni uguali che non sono il massimo del codice..

[Walessio]

Non hai capito cosa intendevo, puoi postarmi il codice HTML?

[Mr_Flash]

Nell'html della slide c'è solo questo:

<div id="miaslider"></div>

<div id="sezioni">
<div class="box">

<label for="NOME">NOME:</label>
<input type="text" id="NOME" />
</div>

link
</div>


Le immagini sto provando ad inserirle così:

<button onclick="funzione();" class="button">[img]img/img.gif[/img]</button>

[Walessio]

Ecco cosa intendevo:

<button id="img_1" onclick="funzione( $(this).attr("id") );" class="button">[img]img/img.gif[/img]</button>
<button id="img_2" onclick="funzione( $(this).attr("id") );" class="button">[img]img/img.gif[/img]</button>
...

o, ancora più semplice:

<button onclick="funzione(1);" class="button">[img]img/img.gif[/img]</button>
<button onclick="funzione(2);" class="button">[img]img/img.gif[/img]</button>
...

e nel corpo della funzione usi il parametro passato per capire quale foto è stata cliccata e quindi quale valore settare nello slider

Tra l'altro potresti sostituire quei button con :

 ... 

[Mr_Flash]

Quello che non ho capito è come faccio a passare il parametro della funzione..non so come inserire l'id nel codice visto che c'è poco e niente..

[Walessio]

Ma te l'ho scritto nel primo frammento di codice! O_o

Modifica i button di conseguenza e scrivi la funzione in questo modo:

funtion funzione(val) {
alert(val)
}

Vedrai che ti compare un alert con il valore dell'attributo id

[Mr_Flash]

Ho modificato i button e la funzione ma nell'alert mi appare

undefined


Perchè???!?

[Mr_Flash]

e nel corpo della funzione usi il parametro passato per capire quale foto è stata cliccata e quindi quale valore settare nello slider

Questo non capisco...faccio un pò di tentativi..grazie