Witam
mam następujący problem.
Mam galerię obrazków w której najpierw wyświetlają się miniatury.
Po kliknięciu w miniaturę tworzę nową warstwę zasłaniająca całą stronę na której wyświetla się powiększony obraz.
Nową warstwę tworzę taką oto funkcją wywoływaną po kliknięciu w obrazek:

[HTML] pobierz, plaintext 
function pokaz(zdjecie,opis)
{
	var div = document.createElement('div');
	var img = document.createElement('img');
	div.id = 'zdjecie';
	div.className = 'duze_zdjecie';
	div.innerHTML='<img src="'+zdjecie+'" style="height:80%;"><br/>'+opis;
	return div;
}
[HTML] pobierz, plaintext 

Natomiast po kliknieciu w nią usuwam ją taką o to funkcją:

[HTML] pobierz, plaintext 
jQuery(function ($) {
	$(document).on("click", "#zdjecie", function() {
		$("#zdjecie").animate({"left": "-110%"},600, function() {
			$(this).remove();
		});
	});
});
[HTML] pobierz, plaintext 

Działa to w miarę poprawnie ale nie wiem jak dodać do utworzonej warstwy animację, która pozwoli na jej "wjechanie" od prawej strony.
Wiem, że są gotowe rozwiązania ale ja chce się uczyć, a nie przerabiać gotowce (zresztą nie jestem, aż tak biegły aby cały kod takiego gotowca zrozumieć) więc będę wdzięczny za wszelkie wskazówki, które mi w tym pomogą.
Problem pewnie da się rozwiązać poprzez utworzenie tego diva w jQuery ale nie wiem jak do funkcji przekazać parametry (takie jak adres zdjęcia i jego opis) które będą zawierały elementy i opisy wyświetlane w nowej warstwie.
Dziękuję za wszelką pomoc.
Pozdrawiam












Problem rozwiązałem. Nieaktualne.
Pozdrawiam

A możesz podać rozwiązanie