Salve!
Ho iniziato ad utilizzare JS da qualche giorno e sono già sommerso di cose che non riesco a fare. Come da titolo, il mio problema riguarda le anteprime di una lista di immagini.
Vorrei fare un paio di cose:
1. Visualizzare la preview delle immagini, passandoci sopra il cursore. Da quanto ho visto si usa jQuery:
codice:
[img]1s.jpg[/img]
ma non sono riuscito a farlo funzionare sul mio codice.
Può essere dovuto al fatto che le immagini sono in cartelle diverse?
Le immagini della lista sono in una cartella photo, mentre quelle ingrandite sono in photo/new.
La versione ingrandita è nominata come foto_new.jpeg (mentre quella piccola foto.jpeg)

html code:
codice:
<ul class="list_photos">
	<li class="item_photo">
		<a href="big/foto_new.jpeg" class="preview">
			[img]foto.jpeg[/img]
		</a>
	  	<div class="caption">Descirizione immagine 1</div>
	[/list]
2. Vorrei visualizzare (onclick) l'immagine grande, con la possibilità di scorrere tra le immagini (next-previous) [come si vede sulla maggior parte dei social network].
Per la singola foto ho aggiunto:
Html:
codice:
<li class="item_photo" onclick="gallery()" >
JS:
codice:
function gallery(){
	var scr_img = image.src.replace("photo/","photo/new/"+"_new.jpeg")
}
La parte next-previous pensavo di farla con un assegnamento di un numero a ciascuna immagine. O c'è un metodo migliore?

Grazie in anticipo per l'aiuto.