نحوه ی ساخت فعالیت قسمت های مختلف یک بخش از عکس

این تاپیک 17 پاسخ و 3 مشارکت کننده دارد . آخرین آپدیت توسط :  لقمان آوند ،‏ 2 سال و 9 ماه پیش .

این تاپیک تاکنون 1596 بازدید داشته است .

نویسنده پست
پنجشنبه ، 6 فوریه 2014     7:44 ب.ظ #


lili

Subscriber
184 پست38 تاپیک

سلام.یه سایتی دیدم بهم گفتم که شبیه این و باید درست کنم ولی دقیقا نمیدونم که چطوری میتونم این کار و انجام بدم حدسم این بود که با جی کوئری درست شده : وارد سایت زیر که بشید پایین سمت چپ یه قسمت هست به نام کنترل خانه هوشمند که وقتی کلیک کنید یه تبلت باز میشه و روی هر آیکون تبلت کلیک کنید پرده ها بالا میره چراغ روشن میشه و .... میشه کمک کنیدکه چطوری میتونم این و درست کنم؟

http://samcoib.ir/

http://samcoib.ir/

1  تشکر
جمعه ، 7 فوریه 2014     2:13 ب.ظ #


lili

Subscriber
184 پست38 تاپیک

لینک کار نمیکرد این لینک درسته:

http://www.samcoib.ir/

1  تشکر
جمعه ، 7 فوریه 2014     11:36 ب.ظ #


لقمان آوند

مدیر ارشد
VIP
1704 پست5 تاپیک

درست متوجه نشدم منظورتون کدوم بخش بود .

میشه دقیقتر بگید ؟

0  تشکر
جمعه ، 7 فوریه 2014     11:50 ب.ظ #


lili

Subscriber
184 پست38 تاپیک

قسمتی که نوشته کنترل خانه ی هوشمند , سمت چپ پایین منو کنارش عکس یه تبلت کوچیک هست

0  تشکر
شنبه ، 8 فوریه 2014     1:13 ق.ظ #


mahdi.mdt

Subscriber
74 پست28 تاپیک

سلام مگه نمیشه با مپ درستش کرد فکر کنم تا حد زیادی بشه منظورم تک مپ هست الانم که canvas هست

http://www.w3schools.com/tags/tag_map.asp

0  تشکر
شنبه ، 8 فوریه 2014     1:14 ق.ظ #


لقمان آوند

مدیر ارشد
VIP
1704 پست5 تاپیک

سلام

با جی کوئری میشه و منطقش هم سادست و لازمه که کمی خلاق باشید که تو سایتی که گفتید به خوبی انجام شده .

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

مثلا با روشن کردن کولر این عکس (که یک transparent png هست) روی عکس کلی نمایش داده میشه . که قسمت سبز رنگ روی کولر منطبق شده .

این ریزه کاری ها رو باید خودتون انجام بدید .

2  تشکر
شنبه ، 8 فوریه 2014     6:08 ب.ظ #


lili

Subscriber
184 پست38 تاپیک

یعنی با متد show و hide توی جی کوئری عکس ها رو از حالت hide خارج کنم؟

0  تشکر
شنبه ، 8 فوریه 2014     6:23 ب.ظ #


لقمان آوند

مدیر ارشد
VIP
1704 پست5 تاپیک

[quote=22315]یعنی با متد show و hide توی جی کوئری عکس ها رو از حالت hide خارج کنم؟[/quote]

شما به یه طریقی چند تا عکس رو روی هم میزارید . (مثلا همه رو position:absolute بدید) . پایین ترین عکس که همون عکس کلی میشه . عکس های بالایی لایه های شفاف png هستند که اونها رو باید مخفی و نمایان کنید .

حالا به روش های مختلف می تونید اینکارو بکنید، یا با متد های جی کوئری یا با خود جاوااسکریپت . هر کدوم که راحتترید .

0  تشکر
شنبه ، 8 فوریه 2014     7:10 ب.ظ #


lili

Subscriber
184 پست38 تاپیک

متوجه منطق عکس ها شدم ولی یه چیزی که خیلی برام سواله اینه که اگه من بخوام با جی کوئری این کار وبکنم چندتا عکس به عنوان آیکون تبلت هست که به اینها آیدی میدم که مثلا آیکون کولر کلیک شد کولر عکسش بیاد ولی این عکسی که اون و خاموش کنه چی؟یعنی عکس و پنهان بکنه درواقع منظورم اینه که دوتا کار برای یه آیکون چطوری انجام میشه

0  تشکر
شنبه ، 8 فوریه 2014     7:30 ب.ظ #


لقمان آوند

مدیر ارشد
VIP
1704 پست5 تاپیک

دو تا کار نمی خواد . تو عکس کلی همه چیز خاموشه ...

با کلیک روی یکی از آیکون ها عکس مربوط به روشن شدن اون نمایان میشه (که یه لایه روی لایه ی خاموش شده هست) و با کلیک دوباره همون عکس مخفی بشه . کار دیگه ای نمی خواد .

0  تشکر
پست 1 تا 10 (از مجموع 18 پست)

برای پاسخ دادن به این تاپیک باید وارد سایت شوید .