تصویر روی مدیا پلیر

D

dr5555

Member
با سلام

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

با سپاس
 

پیوست ها

  • test3.jpg
    test3.jpg
    47.1 کیلوبایت · بازدیدها: 10
E-Boy

E-Boy

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

dr5555

Member
با سلام و تشکر

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

البته یه سوال دیگه هم دارم که تو آدرس زیر مطرح کردم اگه لطف کنید ببینید و برای اونم بتونید کمک کنید سپاسگزار میشم:
http://forum.majidonline.com/showthread.php?t=121511


با سپاس فراوان
 
آخرین ویرایش:
E-Boy

E-Boy

کاربر فعال انجمن طراحی وب سایت
سلام دوست عزیز .
حال بهتر شد .
فکر کنم این کار امکان پذیر باشه البته با جاوا اسکریپت .
سعی می کنم کد رو براتون تهییه کنم و همین جا میزارم تا دانلودش کنید .
حالا تازه منظورتون رو فهمیدم .
موفق باشید .
 
E-Boy

E-Boy

کاربر فعال انجمن طراحی وب سایت
سلام دوست عزیز .
من نتونستم کد مورد نیاز شما رو پیدا کنم . :sad:
اما یه سایت پیدا کردم که با استفاده از جاوا اسکریپت این کار رو انجام داده البته نه برای مدیا پلیر بلکه برای عکس هاش .
اینم آدرسش : Template Monster
در این سایت اگر موس رو بر روی عکس های کوچک تمپلیت ها قرار بدین تصویر بزرگ در یک پنجره دیگر نمایش داده میشه .
شما می تونید این سایت رو به بچه های جاوا اسکریپت همین انجمن معرفی کنید تا کدش رو براتون در بیارن یا بنویسن .
بعد شما می تونید با استفاده از تگ " ID " اون رو به مدیا پلیرتون نسبت بدین .
موفق باشید . :wink:
 
DaRiOuShJh

DaRiOuShJh

Member
در کل منم خیلی دنباله این موضوع بودم
css که عاجزه

روش فلش هم لود کردم بعد از اجرا شدن فایل توی مدیا پلیر باز رفت زیر

فکر نکنم امکانش باشه

باید از فلش استفاده کنید
 
E-Boy

E-Boy

کاربر فعال انجمن طراحی وب سایت
DaRiOuShJh گفت:
در کل منم خیلی دنباله این موضوع بودم
css که عاجزه

روش فلش هم لود کردم بعد از اجرا شدن فایل توی مدیا پلیر باز رفت زیر

فکر نکنم امکانش باشه

باید از فلش استفاده کنید
کلیک کنید تا باز شود...

سلام دوست عزیز .
از نظر این که این کار امکان داره یا نه باید بگم که امکانش هست و نیازی هم به فلش نیست .
این در خواست شما شدیدا فکرم رو مشغول کرده .
این کار رو با جاوا اسکریپت به آسانی میشه انجام داد که البته بنده از جاوا اسکریپت سر در نمی یارم .
با اچ تی ام ال هم این کار باید امکان پذیر باشه و من دارم تلاشم رو می کنم که خودم یه کد برای این کار تهیه کنم .
اگر هم که موفق شدم میزارم این جا تا بقیه هم استفاده کنن . :wink:
موفق باشید .
 
D

dr5555

Member
با سلام

دوستان این کد رو ببینید:

HTML: 
<img style="position:absolute; top: 150px; left:150px;" src="test.gif"/>



با این دستور تصویر test.gif در مکانی از صفحه که مقدار اونو تو absolute مشخص کردیم روی بقیه قسمتها و محتویات صفحه قرار میگیره!
 
DaRiOuShJh

DaRiOuShJh

Member
ببینم شما میخوای روی مدیا پلیر یه div رو بیاری یا روی المنت های دیگه؟

روی همه ی المنت های دیگه میشه آورد غیر از مدیا پلیر

من هم تو پسته بالا فکر کردم مدیا پلیر رو میگید

کافیه z-index ها رو تنظیم کنید

الان سایته خودم هم هم در بالا و هم در پایین از div روی مطالب استفاده شده

به جاوااسکریپت هم نیازی نیست
فقط چند تا پارامتر css

مثال هم خواستید بگید کد بزارم

 
D

dr5555

Member
darioushjh گفت:
ببینم شما میخوای روی مدیا پلیر یه div رو بیاری یا روی المنت های دیگه؟

روی همه ی المنت های دیگه میشه آورد غیر از مدیا پلیر

من هم تو پسته بالا فکر کردم مدیا پلیر رو میگید

کافیه z-index ها رو تنظیم کنید

الان سایته خودم هم هم در بالا و هم در پایین از div روی مطالب استفاده شده

به جاوااسکریپت هم نیازی نیست
فقط چند تا پارامتر css

مثال هم خواستید بگید کد بزارم

کلیک کنید تا باز شود...



با سلام

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


با سپاس فراوان



-
 
DaRiOuShJh

DaRiOuShJh

Member
اون مورد رو که اشاره کردم
امکانش هر جور تست کردم نبود! مگر اینکه به جای مدیا پلیر از فلش پلیر استفاده کنید و فیلم رو توی اون لود کنید

خودم برای مونیتور مغزمون میخواستم یه flash روش قرار بدم که نشد

در مورده کدها

کدهای همین سایت خودم رو قرار میدم براتون به عنوان نمونه قسمت هایی که لازم دارید رو کدهاش رو عوض کنید و استفاده کنید
سادس
کد: 
<!-- Begin left-hover -->
<div style="width: 116px; height: 120px; position: absolute; z-index: 99; overflow: hidden; cursor: url('images/cursor.cur'); top: 0px; left: 0px; padding: 0px; margin: 0px" ;="" onmouseout="hideddrivetip()" onmouseover="ddrivetip('» مراجعه سریع به:<br/> &quot; قرآن کریم آنلاین وبسایت &quot;')">
	<a href="http://quran.djh.ir" target="_top" title="">
	<img alt="" class="gradualfader" src="images/left-hover.jpg" /></a> </div>

بالا دست چپ روی هر آبجکتی
کد: 
<!-- Begin Top Menu DIV -->
	<div style="position: absolute; right: 0px; top: 3px; z-index: 98; overflow: hidden; width:100%;">
		<center>
		<object id="header_menu" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" height="93" width="608">
			<param name="movie" value="http://djh.ir/shared/header_menu.swf" />
			<param name="bgcolor" value="" />
			<param name="quality" value="High" />
			<param name="menu" value="0" />
			<param name="scale" value="ShowAll" />
			<param name="wmode" value="Transparent" />
			<param name="allowscriptaccess" value="always" />
			<param name="_cx" value="2170" />
			<param name="_cy" value="3889" />
			<param name="FlashVars" value="-1" />
			<param name="Src" value="http://djh.ir/shared/header_menu.swf" />
			<param name="Play" value="-1" />
			<param name="Loop" value="0" />
			<param name="SAlign" value="" />
			<param name="Base" value="" />
			<param name="DeviceFont" value="0" />
			<param name="EmbedMovie" value="0" />
			<param name="SWRemote" value="" />
			<embed allowscriptaccess="samedomain" bgcolor="#E4E8C5" height="93" menu="false" name="banner_exchange" pluginspage="http://www.adobe.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" quality="high" scale="exactfit" seamlesstabbing="false" src="http://djh.ir/shared/header_menu.swf" title="" type="application/x-shockwave-flash" width="608" wmode="transparent">
			 </embed> 
		</object></center>
	</div>
<!-- End Top Menu DIV -->


فلش وسط و بالای صفحه با 3 پیکسل فاصله از بالا
 
D

dr5555

Member
ممنون DaRiOuShJh

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

یه سوال دیگه هم دارم که در اینجا گذاشتمش: http://forum.majidonline.com/showthread.php?t=121511
اگه وقت کنید و یه نگاه بش بندازید ممنون میشم


بازم برای راهنماییهاتون سپاسگزارم
 
برای ارسال پاسخ شما باید وارد سیستم شوید.

آخرین مطالب مجیدآنلاین

جدیدترین ارسال ها

بالا