Efeito javascript [RESPONDIDO]

Front-end
#1

alguem tem alguma ideia de algo pronto para fazer um efeito tipo… tenho um elemento em uma div, vou passar para outra div, fazer um efeitinho dele mexendo na tela… seja usando jquery ou algo relacionado, procurei no jquery achei varios exemplos de fazer ele mexer sozinho mais sempre mudando a distancia absoluta ou relativa, nenhum mudando de elemento html tipo uma div para outra, se alguem souber, ou souber tambem algum outro forum mais massa pra perguntar isso…

#2

Vc quer fazer drag and drop?

http://www.daviferreira.com/blog/post/9/interface-drag-and-drop-com-jquery.html

Existe muito material por ai, basta pesquisar pelo termo correto :wink:

#3

na verdade seria tipo um drag and drop porem automático, os plugins drag and drop necessitam do usúario arrastar o elemento com o mouse para onde quer, eu queria um que ele fizesse o que o drag`n drop porem automatico, seria tipo fazer um

var obj = $("div.divOrigem img")
$("div.divDestino").append(obj);

só que fazendo o efeitinho de sair de um e ir andando para o outro

#4

É algo assim? http://jqueryui.com/demos/accordion/
Ou assim? http://jqueryui.com/demos/hide/ e http://jqueryui.com/demos/show/

#5

po valeuzao pela força vcs, mais na verdade não é nenhum desses exemplos não, dei uma boa vasculhada nos exemplos do UI do jquery e nas dos dos effects, lá realmente não tem, mais acho q é uma coisa trivial, não tem motivo pra não ter já implementado, não sei se não consegui ser claro até agora mais seria algo tipo…
eu tenho duas divs a e b, e dentro da a tem um elemente (exemplo img):

 <div class="divA">
    <img/>
 </div>
 <div class="divB">
 </div>

ai eu faço uma interação js “sem necessidade do usuário usar mouse pra carregar”… da img passar pra div ficando assim:

 <div class="divA">
 </div>
 <div class="divB">
    <img/>
 </div>

até ai é facil, só que nessa mudança, eu queria um efeito da img saindo de uma div e indo para a outra, independente de onde elas estejam
desde ja obrigado

#6

saquei um jeito preza de fazer combinando recursos do jquery… se liga, usando a estrutura de cima:

            [code]function mudarDiv(classDivOri,classDivDest){

		var img = $("div."+classDivOri+" > img");
		var imgAux = img.clone();
		img.css("left",img.offset().left);
		img.css("top",img.offset().top);
		img.css("position","absolute");

		$("div."+classDivDest).append(imgAux);
		var left = imgAux.offset().left;
		var top = imgAux.offset().top;
		imgAux.hide();
		img.animate({"left":left+"px","top":top+"px"},"slow",function(){
			imgAux.show();
			img.remove();
		});

           }

[/code]

ae eh soh da um mudarDiv(“divA”,“divB”);

#7