como modificar JS en un slider

[noctovision]

Hola,

Aquí tengo una colección de transiciones entre imagenes en un slider.
http://yacobi.pl/transitions
Por lo que se ve, para que funcione, se debe escoger el efecto del menu.

Me gustaría implementar esto en mi web, para eso quiero quitar la lista de efectos y... Y no sé como hacer despues. Sin la lista los efectos dejan de funcionar.

He mirado en el código y en html esta lo siguiente:

Código HTML:

<select id="fxselect" name="fxselect">
<option value="-1" selected>Choose an effect...</option>
<option value="fxCorner">Corner scale</option>
<option value="fxVScale">Vertical scale</option>
....
<option value="fxHurl">Hurl it</option>
</select> 

y en javascript:

Código:

effectSel = document.getElementById( 'fxselect' )

Me imagino que debo sustituir lo de fxselect por otra cosa...

Si alguien me pudiera orientar un poco...

Gracias!

[quimfv]

No acabo de entender lo que quieres, si lo que buscas es dejar fijo un efecto puedes substituir el selector por

Código HTML:

<select id="fxselect" name="fxselect">
<option value="-1" selected>Choose an effect...</option>
<option value="fxCorner">Corner scale</option>
<option value="fxVScale">Vertical scale</option>
....
<option value="fxHurl">Hurl it</option>
</select>
 

por un input oculto con el mismo nombre que el select y un valor fijo

Código HTML:

<input id="fxselect" name="fxselect" type="hidden" value="fxCorner">
 

Habria que ver como lee el valor de la var javascript "effectSel" ya que hace referencia al objeto....si hace
"effectSel.value" serian equivalentes el select y el input oculto que te propongo.

[noctovision]

No, no funciona así. Pero gracias. Y sí es lo que quería conseguir, bueno, siguo investigando.

[quimfv]

Busca como lee el valor de "effectSel". Y sera fácil de modificar.

Código Javascript:

effectSel = document.getElementById( 'fxselect' );
 

Con esta linea obtiene todo el objeto "fxselect", en alguna linea posterior debe leer una de sus propiedades, el valor, siendo un select podria hacerlo via el selectedIndex y eso haria que no funcione con el input oculto, pero se puede modificar.

[noctovision]

Muchas gracias! Hmmm, es que el problema para mi es que aparece varias veces pero de diferentes formas:

Código:

effectSel.addEventListener( 'change', changeEffect );

Código:

if( effectSel.selectedIndex ) {
			classie.addClass( component, effectSel.options[ effectSel.selectedIndex ].value );
			showNav();

Código:

if( isAnimating || !effectSel.selectedIndex ) return false;

Me parece que effectSel.selectedIndex se puede sustituir por effectSel.value si ponemos lo de input, ¿estoy en lo cierto?

[quimfv]

Código Javascript:

//No vamos a cambiar el efecto luego se puede eliminar la función.
//effectSel.addEventListener( 'change', changeEffect );
 

Código Javascript:

//Si hay un indice seleccionado
//if( effectSel.selectedIndex ) {
//Eliminamos el condicional porque siempre habra uno
 
 
//classie.addClass( component, effectSel.options[ effectSel.selectedIndex ].value );
//Vamos directos al valor
classie.addClass( component, effectSel.value );
showNav();
 
//debes encontrar el } correspondiente de cierre de l if eliminado y eliminarlo tambien
//}
 

!effectSel.selectedIndex quiere decir no (!) indice seleccionado, no passara nunca luego lo eliminamos

El condicinal se puede leer como

Si isAnimating o (||) no (!) effectSel.selectedIndex
if( isAnimating || !effectSel.selectedIndex ) return false;

cambialo por

Código Javascript:

//if( isAnimating || !effectSel.selectedIndex ) return false;
if( isAnimating) return false;
 

A ver si hay suerte....

Fijate en la "tecnica" de conservar el codigo inicial pero comentado (la dos barras iniciales //), asi si los cambios no dan el resultado esperado es facil recuperar la situación inicial.