انتقال عکس درون یک div به یک div دیگر

[niknam_mh]

سلام دوستان
من یک گالری دارم با 6 عکس با ابعاد کوچک که با تگ img درون یک div با کلاس مشابه هستند.
حالا می خوام رو هرکدوم از این عکس ها کلیک کردم عکس درونش انتقال داده بشه به یه div بزرگتر که در وسط صفحه هست!
این کار چه جوری انجام بدم آیا با css میشه این کارو کرد یا باید از جاوا اسکریپت کمک بگیرم لطفا راهنماییم کنید!

[niknam_mh]

کسی کمک نمی کنه؟

[Omid Jackson]

با CSS فکر میکنم بشه ولی به اندازه دردسرش ارزش نداره
از JS استفاده کنین که چه بهتر، من با جی کوئری نوشتم میتونین ببینین:
http://jsfiddle.net/Blend_Design/365h6jLb/
هرجا سوالی بود بپرسین

[aroshanzamir]

سلام در جی کوئری با استفاده از detach و append می تونی اینکار را انجام بدی ...
http://stackoverflow.com/questions/13534601/re-attaching-jquery-detach
http://api.jquery.com/detach/

[niknam_mh]

با CSS فکر میکنم بشه ولی به اندازه دردسرش ارزش نداره
از JS استفاده کنین که چه بهتر، من با جی کوئری نوشتم میتونین ببینین:
http://jsfiddle.net/Blend_Design/365h6jLb/
هرجا سوالی بود بپرسین

سلام داداش ممنون.
اگه بخوایم src عکس ها رو از درون اچ تی ام ال بهش معرفی کنیم و تعدادشون هم زیاد باشه باید چکار کنیم؟

[Omid Jackson]

سلام داداش ممنون.
اگه بخوایم src عکس ها رو از درون اچ تی ام ال بهش معرفی کنیم و تعدادشون هم زیاد باشه باید چکار کنیم؟

بستگی داره، به فرض شما 30 تا img داخل یک div با کلاس box دارینف باید بنویسین:
$(".box img").click(function(){
//hala harchi
});
بعد با .attr میاین src رو میگیرین، اونی که روش کلیک شده، یعنی
$(this).attr("src");
میریزین توی یک متغیر، بعد مثل همون کد که نوشتم بهش css میدین مثل زیر:
$(".bigImg").css({"background-image":"url("+src+")"});
اون src که نوشتم متغیری هست که src عکس رو گرفتیم و داخل متغیر قرار دادیم، دقت کنید که آدرس اون عکس رو به شما میده و برای بکگراند ایمیج باید داخل ()url قرار بگیره