Hola!
Primero saludos a todos.
Les comento que estoy acá intentando aprender a programar.
Estoy nuevito nuevito, por eso les pido paciencia y ayuda, para mi lo más importante no es que salga bien el trabajo ya, sino más bien aprender bien a programar.
Quiero aprovechar a aprender a programar con una clienta que me pidió una página web muy simple.
Acá la pueden ver para entender de qué les hablo.
http://www.colettizeman.com/web/porfolio.html
Ahora que se la mostré así como está me pidió algunos cambios:
A) Que se muestren 4 imágenes en vez de 3 por vez. es decir quedarían solo 3 pase de diapositivas, si me explico bien.
B) Que reaccionen al evento click para pasar de una en una.
C) Que se reproduzcan automáticamente y que si hago click continue reproduciendo desde la próxima.
Bueno, al principio creé todo con funciones muy ineficientes, que es como está ahora subido. Pero ahora que lei un poco los manuales, estoy intentando hacer un programa con bucles y arrays.
Y acá van mis peticiones:
A) ¿Cómo debería ser la lógica del pseudocódigo?
B) Tuve un problema con los arrays y me molesta no comprenderlo y no encuentro documentación al respecto:
Quiero crear un ARRAY, que contenga mis doce divs. cada uno con su id.
Pero luego quiero llamar sólo a 4 POSICIONES del ARRAY.
ya que quiero utilizar bloques de 4 divs que aparezcan o desaparezcan del DOM.
Pero no consigo esto, ya que cuando llamo a los mismos a través de un alert o por consola me devuelve que es erróneo, nulo, o que no está definido.
(Aclaro que el script se ejecuta al final)
la rama html sería algo así:
<div id="contenedor">
<div id="divuno" class="mostrar"></div>
<div id="divdos" class="mostrar"></div>
<div id="divtres" class="mostrar"></div>
<div id="divcuatro" class="mostrar"></div>
<div id="divcinco" class="ocultar"></div>
<div id="divseis" class="ocultar"></div>
<div id="divsiete" class="ocultar"></div>
<div id="divocho" class="ocultar"></div>
<div id="divnueve" class="ocultar"></div>
<div id="divdiez" class="ocultar"></div>
<div id="divonce" class="ocultar"></div>
<div id="divdoce" class="ocultar"></div>
</div>
Mientras que la línea que selecciona a los divs sería la siguiente:
var a = [];
a = document.getElementById('contenedor').getElementsB yTagName('div');
console.log(a);
Sé que con a.lenght podría saber la cantidad de posiciones, pero supongamos que yo quiero sustraer de todas las posiciones las posiciones [0,1,2,3] y guardarlas en otra variable o utilizarlas, ¿Puedo hacer esto?
Podría hacer algo como?:
var b = [];
var b = a[0,1,2,3];
Bueno, eso es todo, los dejo en paz.
PD: Me pueden insultar por los horrores de in-eficiencia de código, todo es bienvenido en el aprendizaje. Saludos: