با onmouseover یک تصویر روی تصویر دیگه ظاهر بشه

[ak_davoudi]

سلام دوستان
من نیاز دارم در طراحی یک سایت با رفتن به قسمتی از تصویر دو تصویر دیگه روی آن تصویر ظاهر بشه ولی راحی برای انجام آن با onMouseOver پیدا نکردم . لطفاً مرا راهنمایی کنید. مثل فایلهای ساده پیوست.

[pooyanm]

با دستور:



<img style="position:absolute;left:100px;top:200px;">

این کار را انجام دهید.

[pooyanm]

البته این کد پس از onMouseOver ایجاد و اضافه می شود. امیدوارم توضیحات کافی باشه؟

[ak_davoudi]

و تشکر از شما.
از آنجایی که موقعیت تصویر من در صفحه ثابت نیست نمی تونم از این کد استفاده کنم. نیاز به یک راه حل جدید دارم.

[tabib_m]

نمیشه موقعیت رو نسبت به table داد؟
یعنی عکس بزرگ رو توی تیبل بندازیم ، و بعد مختصات عکس کوچیک رو نسبت به تیبل بدیم.

[ak_davoudi]

اگه ممکنه یک نمونه ساده به من بدید تا مشکل من حل بشه.

[pooyanm]

بله این رو می دونم شما باید با onmouseover این مختصات رو بدست بیاری.

[pooyanm]

فقط شما باید بدونی از چه رویدادی می خواهی استفاده کنی مثلا از onclick ، ondblclick و...

[pooyanm]

اگر دسترسی به آن مختصات را هم نمی دونی نوع رویداد رو مشخص کن تا بیشتر توضیح بدم.

[لوک خوش شانس]

دوتصویر نمیتونی رو یه تصویر بزاری .
مگه کد نویسی کنی و با هر کدوم رو جدا روی قسمت خودش بزاری که میشه یه تصویر روی یه تصویر دیگه .

من هنوز موندم چرا بعضی ها میان چند تا پست میزنن در فواصل یکی دو دقیقه ای

[pooyanm]

آقای لوک شما اگر دقت به کد ها داشته باشی این کار را امکان پذیر می بینی و دیگه این که این پست ها حداقل یک ربطی به سوال دارند بر خلاف پست های خودتون! جواب شما را هم در جایی دیگه کامل تر دادم.

[لوک خوش شانس]

به کدوم کد ها باید دقت کنم ... http://smilies.sofrayt.com/^/aiw/fool.gifhttp://smilies.sofrayt.com/^/aiw/search.gif
والا من که نمیدونم چطوری میشه روی یه عکس دوتا عکس دیگه لود بشه .
چرا در صورتی که یه تصویر رو تو بک گراند تبل بزاری و دوتا رو روی اون بندازی ولی http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/106.gif

[ak_davoudi]

اگه من عکسو background کنم دیگه onmouseover را چه جوری تعریف کنم
چون موقعیت در صفحه ثابت نیست این مشکل بوجود اومده
من طبق نظر طراح باید روی عکس که قرار گرفتم onmouseover دو تا تصویر دیه روی همون عکس ظاهر بشه وقتی روی عکس های جدید کلیک می کنم به صفحه مربوطه وارد بشم
:گریه: چرا کسی جوابمو نمی ده

[tabib_m]

با دستور:
کد:

<img style="position:absolute;left:100px;top:200px;">

این کار را انجام دهید.


نمیشه موقعیت رو نسبت به table داد؟

من یک سوال کردم ، که جواب اون سوال دوستمون رو به نتیجه ای که میخوات میرسونه.

همونطوری که قبلا گفتم ، آیا میشه مختصات رو نسبت به یک تیبل داد یا نه ؟ همونطور که با دستور بالا مختصات رو نسبت به نمایشگر میدیم ، نسبت به یک تیبل بدیم.


بله این رو می دونم شما باید با onmouseover این مختصات رو بدست بیاری.
اگه منظورتون از این جواب ، جواب بنده بود ، خوب بگید چجوری میشه این کار رو کرد ، تا دوستمون به جواب سوالش برسه.


دوتصویر نمیتونی رو یه تصویر بزاری .
اگه توضیح بدید که چرا نمیشه ممنون میشم. این رو جدی میگم . چون من واقعا موندم که چرا نمیشه این کار رو کرد.
همون طور که به یک تصویر میشه مختصات داد ، به تصویر دوم هم میشه مختصات داد.


مگه کد نویسی کنی و با هر کدوم رو جدا روی قسمت خودش بزاری که میشه یه تصویر روی یه تصویر دیگه .
این جمله برای من یه مقدار نامفهمومه ، اگه میشه یک مقدار بیشتر توضیح بدید.


من هنوز موندم چرا بعضی ها میان چند تا پست میزنن در فواصل یکی دو دقیقه ای
راستشو بخواید ، من هم چند روز پیش همین مسئله رو یه جای دیگه (توی همین تالار) مطرح کردم ، ولی فرداش دیدم اثری ازش نیست ، دیگه ولش کردم.
یعنی این مسئله واقعا برای من هم سوال شده. البته من قصد توهین به دوستمون رو ندارم ، و واقعا از فعالیت ایشون توی این تالار ممنونم. ولی همونطور که گفتم برای من هم سوال شده. و اگه جواب بشنوم خوشحال میشم.

[لوک خوش شانس]

آقا طبیب من از آخر جواب میدم .

راستشو بخواید ، من هم چند روز پیش همین مسئله رو یه جای دیگه (توی همین تالار) مطرح کردم ، ولی فرداش دیدم اثری ازش نیست ، دیگه ولش کردم.
یعنی این مسئله واقعا برای من هم سوال شده. البته من قصد توهین به دوستمون رو ندارم ، و واقعا از فعالیت ایشون توی این تالار ممنونم. ولی همونطور که گفتم برای من هم سوال شده. و اگه جواب بشنوم خوشحال میشم.

http://www.soheilstar.persiangig.com/smile/Bang_Head.gif
فکر می کنم جواب این سوال رو بتونین اینجا بخونید .
http://www.barnamenevis.org/forum/showpost.php?p=221027&postcount=12

این جمله برای من یه مقدار نامفهمومه ، اگه میشه یک مقدار بیشتر توضیح بدید.

در صورتی که با یه Script جاوا می تونی این کار رو انجام بدی . ولی هنوز مقصود دوستمون رو کامل متوجه نشدم . راستش تفهیم اتحام نشده http://smilies.sofrayt.com/^/aiw/wacko.gif
اما در مورد تصویر که دوستمون ak_davoudi سوال کرده اند .
چیزی که من متوجه شدم اینه که یه تصویر در صفحه داری . حالا میخوای روی اون دوتا تصویر دیگه بزاری . چطوری میخوای تصویر های 2 و 3 روی تصویر اولی قرار بگیرند .
مثلاً یکی طرف راست و دیگری طرف چپ تصویر اولی باشه ؟
و یه سوال دیگه چرا می خوای همچین کاری انجام بدی ؟
بیشتر در مورد سوالت توضیح بده تا بچه ها راحت تر بتونن راهنماییت کنن .

[لوک خوش شانس]

فکر کنم آقا پویان مهدوی بدونن چطور میشه دو تا تصویر رو رو یه تصویر قرار داد .
ایشون در پست شماره 11 صحبت از کدهایی که این کار رو انجام میده کرده اند . فکر کنم خود ایشون توضیح دهند بهتره . بهر حال آقا پویان سابقه اشون از من در این سایت بیشتره . وظاهراً جواب مسئله رو هم می دونن.

[pooyanm]

ای بابا من اعتراف می کنم وهمین طور عذرخواهی می کنم که پست های من یه کم از حد معمول زیادتر شده بود یکی از اون ها که تکراری پست شده بود هم غیر عمدی وناشی از سرعت پایین ارسال بود و مهمتر از همه بعضی هم به دلیل این بود که پس از ارسال مورد دیگری به ذهنم می رسید که بهتر بود ارسال بشه و وسوسه های شیطانی! نمی ذاشت من دکمه edit را بزنم من با آقای لوک خوش شانس موافقم که هدف ما افزایش پست ها نیست و نباید باشه و ممنونم که این را گوشزد کردند. و اگه می دونستم سر چند تا پست این همه دعوا میشه و یه پرونده با صد شاکی تشکیل می شه (که حالا میدونم) هیچ وقت چنین کاری نمی کردم سابقه منم از کسی بیشتر نیست احتمالا بدتره. و دیگه اینکه لازم نبود این مساله اینقدر بزرگ جلوه داده بشه که این تصور ایجاد بشه که یک نفر خواسته بانک اطلاعاتی سایت رو که گنجایش مثلا 1000 تا پست را داشته به تنهایی پر کنه وهدفی جز فروپاشی سایت نداره!
دیگران را نمی دونم ولی خودم وقتم را مهمتر از این می دونم که به جای مباحث forum به این گیر بدم که یک پست چند تا شده یا مثلا نام کاربری یک نفر خیلی طولانی یا کوتاه شده! یا یک غلط املایی در متن 100 خطی هست.
این مطالب را عمومی گفتم این ها نه نصیحته، نه توجیه و نه هیچ چیز دیگه ای بجز 7-8 خط متن که ترجیح دادم نوشته بشه. و هر کسی مخالفتی داره اون را نخونده فرض کنه. و هیچ کسی فکر نکنه کلمه X در متن فقط به اون اشاره می کنه خود من هم سعی می کنم قوانین سایت را به عنوان حداقل الزامات رعایت کنم و گرنه با من "طبق قوانین" برخورد میشه.
___________________________________________
در مورد سوال های قبلی هر چی لازم بود گفته شده بجز این که هیچ نیازی به table, background یا هیچ چیز دیگه ای نیست و کد 11 تمام مشکل را حل می کنه و اگه با mouseOver این کار را لازم دارید اینم کد پست 11 که تا الان فقط آقای طبیب زاده در پست 14 صراحتا مختصات را درخواست کردند:



<img src=main.jpg onmoseover=
"var x=window.event.x, y=window.event.y;document.body.innerHTML+='<img src=img2.jpg style=position:absolute;left:'+x+'px;top:'+y+'px;>';"
>


__________________________________________
(این پست بر خلاف قبلی ها چند بار ویرایش شده و به همون تعداد اعصاب من خرد شده تا دیگه کسی در مورد تکه تکه شدن پست ها خشونت به خرج نده!)

[لوک خوش شانس]

مرسی آقا پویان http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/41.gifhttp://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/41.gifhttp://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/41.gifhttp://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/41.gif
http://smilies.sofrayt.com/fsc/clap.gifhttp://smilies.sofrayt.com/fsc/clap.gifhttp://smilies.sofrayt.com/fsc/clap.gif
http://smilies.sofrayt.com/fsc/thumbs-up.gif
خوب حالا یه چیزی هم من یاد گرفتم . چون کدی که من دیده بودم با یه Script این کار رو انجام میداد که کد آقا پویان خیلی کوتاه تر و ساده تره .

[tabib_m]

یه سوال ، ولی مسخره م نکنید.
window.event.x
چه چیزی رو بر میگردونه؟

[pooyanm]

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

[لوک خوش شانس]

دقیقاً با همین دستور ولی یکم پیچیده تر اسکریپت های گوناگونی مینویسن که روی صفحه دنباله موس یه چیزی ( عکس ) در حال حرکته . البته فونت هم میشه گذاشت .

[tabib_m]

اون موقعیت ماوس در صفحه را برمی گردون
پس فکر نمیکنم مشکل دوستمون حل شده باشه، (یعنی اون طور که من فکر میکنم) چون ایشون فقط میخوات عکس شماره ی 2 در موقعیت x و y نسبت به عکس شماره ی یک قرار بگیره.
یعنی هر جای عکس شماره ی یک که وایسیم، موقعیت عکس شماره ی 2 همون x و y باشه.
امیدوارم منظورم رو فهمیده باشید.

در ضمن ، یک سوال (و یا بهتره بگم تکرار یک سوال) :
نمیشه موقعیت رو نسبت به table داد؟
دقیقا همون طور که داریم نسبت به نمایشگر میدیم. یعنی مثلا به جای position: absolute یک عبارت دیگه به کار بگیریم ، که بیات مختصات رو نسبت به تیبلی که عکس توی اون هست ، بسنجه.

اگه نمیشه لطفا بگید.

[pooyanm]

tabib_m: ایشون فقط میخوات عکس شماره ی 2 در موقعیت x و y نسبت به عکس شماره ی یک قرار بگیره.


ak_davoudi: از آنجایی که موقعیت تصویر من در صفحه ثابت نیست نمی تونم از این کد استفاده کنم. نیاز به یک راه حل جدید دارم.

آخرش ثابت هست یا نه؟

نمیشه موقعیت رو نسبت به table داد؟
تا اونجایی که من می دونم نمیشه یک table رو به صفحه اضافه کنی و بعد x,y اون رو بدست بیاری بر خلاف طول و ارتفاع. مگر اینکه مثل روش img اون table را تعیین مکان کنی و براساس x,y اون، img جدید را اضافه کنی و فرقی نمی کنه عکس بزرگتر درون table باشه یا در یک img

[tabib_m]

از آنجایی که موقعیت تصویر من در صفحه ثابت نیست نمی تونم از این کد استفاده کنم. نیاز به یک راه حل جدید دارم.
من منظور از این جمله رو این نمیدونم که تصویر شماره ی دو باید نسبت به تصویر شماره ی یک در اماکن مختلفی ظاهر شه.
بلکه منظور رو این میفهمم که تصویر شماره ی یک ممکنه در بالای صفحه باشه، و ممکنه در پایین صفحه باشه، و ممکنه هر جای دیگه ای باشه ، و بنا بر مختلف بودن جاهایی که تصویر شماره ی یک میتونه باشه، طبعا تصویر شماره ی دو نمیتونه یک جای ثابتی داشته باشه، و باید متناسب با تصویر شماره ی یک جاهای مختلفی داشته باشه.


تا اونجایی که من می دونم نمیشه یک table رو به صفحه اضافه کنی و بعد x,y اون رو بدست بیاری
من نگفتم که بیایم یک تیبل رو به صفحه اضافه کنیم ، ویا حتی بخوایم x و y اون رو بدست بیاریم.
تنها چیزی که من گفتم این بود: مختصات رو همونطور که نسبت به صفحه میدیم ، نسبت به تیبل بدیم. همین. یعنی مثلا بدیم:


<table>
<tr>
<td>
<img src="a.jpg">
<img src="b.jpg" style="position: proportional; top: 100, left: 100;">
</td>
</tr>
</table>


یعنی مختصاتی که داده میشه ، نسبی باشه ، نه مطلق . یعنی مختصات نسبت به شیء خارجی (در اینجا تیبل) داده بشه، نه به صفحه.

[pooyanm]

من نگفتم که بیایم یک تیبل رو به صفحه اضافه کنیم ، ویا حتی بخوایم x و y اون رو بدست بیاریم.

آقای طبیب زاده می دونم که درنهایت به چی می خواهیم برسیم و نیاز به xy را هم می گم. این کار ممکنه و با کد زیر، ولی یک مشکل پیش میاد تصویر بزرگتر روی صفحه قرار می گیره و سایر اجزای صفحه را می پوشونه و همین طور table و اگر تصویر بزرگ هم absolute نباشه این کد درست کار نمی کنه. پس شاید یک راه حل این بود که xy قابل دسترس بود. اگر تونستی این مشکل رو حل کنی به من هم بگو.



<img width=500 height=500 style="position: absolute;background-color:#00ff00;">
<img style="position: relative; top: 150; left: 150;background-color:#000000;"></img>
</img>