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

[FatimA.Q 1]

سلام.....

کدی میخواستم که وقتی مثلا روی یه عکس کلیلک میکنیم پنجره ای کوچک باز بشه..توش متنی نوشته شده باشه و Close داشته باشه...

مثل همون پنجره ای که مثلا خوش آمد گوی سایته..وقتی سایت و باز میکنی میاد...

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

[LakDesign 9]

سلام از اینجا استفاده کن

http://lokeshdhakar.com/projects/lightbox2/

[FatimA.Q 1]

ممنون..ولی من نمیخوام عکسمو نشون بده..میخوام پنجره ای مثل پیام خوش امد گویی باز شه

[LakDesign 9]

منظورت اینه که فقط یه اطلاعاتی در موردش بده؟

[FatimA.Q 1]

اره یه پنجره ی کوچیک مثل پنجره ی ارور باز بشه...

اره یه پنجره ی کوچیک مثل پنجره ی ارور باز بشه...

[imanfakhar 26231]

<

<a href="#myWindow"><img class="img" src="img.jpg"></a>
<div id="myWindow">
<a class="close" href="#close">×</a>
<h3>عنوان پنجره</h3>
<p>متن پنجره</p>
</div>
<style type="text/css">
#myWindow {
position:fixed;
display:none;
background:#CCFFCC;
padding:15px;
width:300px;
min-height:150px;
left:35%;
top:150px;
border:1px #009933 solid;
}
#myWindow h3 {
margin:-15px -15px 10px -15px;
background:#66FF66;
padding:15px;
border-bottom:1px #009933 solid;
}
#myWindow a.close {
float:left;
border:1px #009933 solid;;
width:16px;
height:16px;
overflow:hidden;
line-height:16px;
text-align:center;
font-size:24px;
}
#myWindow:target {
display:block;
}
</style>

[FatimA.Q 1]

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

[imanfakhar 26231]

شما کد را نگاه کردید اصلا

عکس :

<a href="#myWindow"><img class="img" src="img.jpg"></a>

هر عکسی می تونه باشه که به آی دی myWindow لینک داده شده باشه

پنجره مورد نظر

<div id="myWindow">
<a class="close" href="#close">×</a>
<h3>عنوان پنجره</h3>
<p>متن پنجره</p>
</div>

کدهای استایل بندی:

#myWindow {
position:fixed;
display:none;
background:#CCFFCC;
padding:15px;
width:300px;
min-height:150px;
left:35%;
top:150px;
border:1px #009933 solid;
}
#myWindow h3 {
margin:-15px -15px 10px -15px;
background:#66FF66;
padding:15px;
border-bottom:1px #009933 solid;
}
#myWindow a.close {
float:left;
border:1px #009933 solid;;
width:16px;
height:16px;
overflow:hidden;
line-height:16px;
text-align:center;
font-size:24px;
}
#myWindow:target {
display:block;

دمو :

http://jsfiddle.net/fakhar/9CP8r/