como pasearme entre etiquetas con next y prev

[sonickseven]

Hola que tal chicos.
Bueno pues mi pregunta es la siguiente: Estoy haciendo un visor de fotos (desde cero) y pues estoy en la parte de que cuando le de click en la flechita de siguiente pues este pase a la siguiente imagen. he utilizado el siguiente codigo:

Código Javascript:

var $src=$('#guia');
                $('.FinalImage > span:nth-last-child(2)').on('click', function(){
                    $src=$src.next();
                    console.log($src.attr('src));//me muestra la ruta de la imagen
                    $('.FinalImage > span:first-child').on('click', function(){
                           $src=$src.prev();
                           console.log($src.attr('src));// ruta de imagen anterios
                     });
                });
 

pero bueno lo malo es que no!! me funciona bn ya que cuando le doy click para devolverme con la funcion .prev() se me va hasta el primero ( #guia ) no en el que esta. si alguien sabe como hacer para poder pasearme gracias y pues he mirado unos visores para ver donde esta la funcion lo malo es que un visor de esos tiene como 600 lineas de codigo y no entiendo muy bn ( para mi es juqery avanzado y todabia no llego haya)

Y lo quiero hacer desde cero ya que cuando quiera hacerle algun cambio lo pueda hacer facilmente y tambien para aprender mas sobre javascript

gracias chicos

[caricatos]

Hola:

Tu código no es javascript, y si quieres aprender javascript de verdad, debes empezar dejando de lado las librerías.

next podría ser el objeto javascript nextSibling y prev podría ser previousSibling.

Si prefieres tu librería, dínoslo para mover el tema a su foro.

Saludos

[sonickseven]

pues igual esto luego no es javascript??

Bueno dejando aun lado las diferencias crees que se hace mas facil con puro javascript osea que si sea 100% mejor?

y perdon por preguntar un tema de jquery pero la verdad yo utilizo en mis proyectos javascript y jaquery asi que pues no pense que fuera a ser inconveniente

[sonickseven]

hay alguna forma de reemplazar el load() de ajax con alguna funcion en llava script

Haber me explico yo uso la funcion load() ya que esta me deja seguir interactuando con su callback para seguir haciendo efectos de y mas cosas algo que no he podido hacer con la funcion ajax() pero el problema es que: la variable $src que ya habia definido en el codigo de arriba se me limpia y queda como indefinida :/ no se la verdad como solucionar esto lo cierto que que tengo que hacer esta llamada a el archivo php para sacar un listado de fotos.


Si hable mucho perdon y si no entendieron preguntenmen lo que sea que enserio toy mal cableado