باز شدن اطلاعات روی عکس !

[AlioilA]

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

به این سایت که میرید : http://downloadpsd.com/
روی عکس هاش یه دکمه ی قرمز رنگ داره که وقتی اون دکمه رو می زنید یه صفحه به صورت کشویی روی عکس باز می شه که توش اطلاعات عکس رو نوشته ..
من یه چیزی شبیه به این می خواستم..

یا مثلا" کدی که وقتی موس میره روی عکس اطلاعاتش رو بنویسه مثل عکس کار های بچه های فروم توی صفحه ی اول :

plz Help

 

[scup]

به نظر من اینا قالب های آماده هستن که فقط عکس داخلش متغییر هست.

 

[AlioilA]

قبول ولی اون قسمتی که بچه های فروم درست کردن و کدشو نوشتن چی ؟
من فقط یه کد <div> می خوام که محتویات توش با mouse over کردن show و hide بشه

 

[echessdesign]

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

کد Javascipt:

# function zabet(mz) {  
var item;  
item = document.getElementById(mz);  
if (item.style.display == "none") {  
item.style.display = "inline";  
}  
else {  
item.style.display = "none"  
}  
}

کد HTML:

 <div onclick="zabet('LeftDiv')">Button Show Hide</div>  
<div style="display: none;" id="LeftDiv">Your Body</div>

منبع: zabet.ir

 

[AlioilA]

ممنونم دوست عزیز اما من به یه کداحتیاج دارم که :
1. از function استفاده نکنه !!!!!!
2.قابلیت mouseover داشته باشه ..... اما بدون function !!!!

 

[pouya saadeghi]

براي قرار دادن متن بر روي عكس ميتونيد از absolute‏ با مارجين منفي استفاده كنيد.

براي نمايش متن:

<img src="img.jpg"  onMouseOver="document.getElementById('x').style.display='block';" onMouseOut="document.getElementById('x').style.display='none';" />
<div id="x">www.pasargad-graphic.com</div>