Div animate in DOM

[Allen Walker]

Ho questa funzione che si attiva al click su una immagine:

function() {
		$("div#opaco").css('display','block');
		contenitore = document.createElement("div")
		contenitore.setAttribute("class","img_cont");
		document.body.appendChild(contenitore);
		$("div.img_cont").animate({width: "300px", height: "300px"}, 1000);
		}

il div con prove attraverso il css riesco a faro visualizzare... il punto è... se voglio animarlo?
l'animate che ho fatto io nn va... ora mi chiedo.. è possibile animare div creati con la manipolazione del DOM?

[m4rko80]

Ciao, se non error spesso i div o elementi creati in seguito non vengono presi da jquery, ma in alcuni casi si puo' usare la funzione live() che e' simile al bind() e per quanto l'abbia usata personalmente sono riuscito a manipolare elementi creati in seguito(ad esempio inseriti con ajax)

Puoi provare una cosa tipo :

$('#tuoid').live('click', function(){
   //e qui quello che devi fare 
});

non assicuro ma fai delle prove magari

[Allen Walker]

Ho fatto così ma nn va
E' come se nn legge il get element di elementi appena creati... e nn so come prenderlo per animarlo...

	$("div#opaco").css('display','block');
	$contenitore = document.createElement("div")
	$contenitore.setAttribute("class","img_cont");
	document.body.appendChild($contenitore);
	$('div.img_cont').live('click', function(){
		$(this).fadeIn(1000);
	});

[m4rko80]

$('div.img_cont').live('click', function(){
$(this).fadeIn(1000);
});


bind o live va messo in $(document).ready(function(){/*QUI*/}) ossia nell'onload, prova anche questa...

ps Il div se vuoi puoi crearlo anche con la sintassi di jquery.

[Allen Walker]

Ma nn posso muoverlo al load della pagina.. in poche parole quando clicco sull'immagine che in quel monmento è il focus dello slideshow mi oscura la pagina e mi visualizza al centro un div con dentro l'immagine di focus...

come sarebbe in jquery?

[m4rko80]

Se non ho capito male hai una slide e in piu sul click delle immagini vuoi fare apparire un immagine in primo piano?

Se si, ci sono cmq ormai un sacco di plugin/slide che fanno questo (vede http://fancybox.net/howto) , ad ogni modo potresti crearti questo div nella pagina, nascosto e vuoto al momento.

Sul click visto che riesci a recuperare i dati dell immagine modifichi attributi dell immagine nel div e visibilita'.

[Allen Walker]

Si infatti avevo pensato di mettere un div nascosto come ho fatto con il div#opaco, però volevo vedere se riuscivo a farlo con la modifica del DOM per imparare meglio ... cmq per il fatto del recuperare i dati delle immagini ho questo post aperto http://forum.html.it/forum/showthrea...0#post13139010

proprio perchp nn so come recuperare la width e la height delle immagini, visto che lo script mi passa solo l'url dell'immagine.. secondo te passandomi solo l'url, posso recuperare la width e la height?

[m4rko80]

Ti ho risposto di la

[Allen Walker]

Grazie xD con questo script da modificare sto impazzendo xD me lo hanno consegnato già fatto ed io lo devo modificare ^^