باز شدن پنجره روی پنجره - بشتابید لطفاً

[kaveh123]

با سلام
خیلی وقته مشکل زیر را دارم و کسی جواب درست درمونی به من نداده
اصل قضیه اینه که من یک صفحه html دارم که مثلا ده تا عکس کوچک توش گذاشتم که هر کدام از عکسها لینک میشه به یک صفحه html دیگه که یک عکس یا فلاش 600 در 400 داخلشه. تا اینجا درست. حالا من میخوام وقتی توی صفحه اول روی یکی از اون عکسهای کوچک کلیک میکنم صفحه لینک شده به اون با اندازه 600 در 400 در وسط صفحه و روی صفحه اول باز شود و نه منو داشته باشد و نه چیز دیگری. فقط یک علامت X داشته باشد برای بستن صفحه.
آدرس نمونه چیزی را که میخوام گذاشتم تا شاید بهتر متوجه شید من چی میخوام
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]

اینهم یک آدرس از یک سایت که این کار را انجام داده
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]

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

[anvar.net]

می تونی بصورت زیر عمل کنی : نام فایلی هم که باید باز بشه رو عوض کن همون 'newpage.htm'. طول و عرض صفحه رو هم می تونی به اندازه دلخواهت تغییر بدی.
<a href="#" onclick="window.open('newpage.htm', 'newwindow', 'width=300, height=250'); return false;">Go to page x</a>

اطلاعات زیر هم مفید خواهند بود : تعداد پارامترهای متد open بیشتر از چیزی هستند که در مثال بالا می بینید : مثلا پارامترهای left & top برای فاصله صفحه مورد نظر شما (که اصطلاحا پنجره popup نامیده می شود) از بسمت بالا و چپ اسکرین مورد استفاده قرار م یگیرند (هر دو رو مشابه با طول و عرض پنجره در پرانتز و جدا از هم قرار بدهید ). از سایر پارامترهای دیگه میتوان موارد زیر ر نام برد menubar - toolbar - location و ..........که مقادیر بولین میگیرند.

شرمنده درست و حسابی سوالتون رو نخوندم می تونید ا زلینک زیر و دموی آنلاین و نمونه کدش استفاده کنید. توضیح بالا هم مربوط به پنجره popup میشه.

[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]

[kaveh123]

دوست عزیز آقای anvar.net با تشکر از شما
کدی را که دادید کارم را راه انداخت و کلی هم چیز یاد گرفتم اما یک مشکل دیگه دارم اگر ممکنه راهنمایی کنید.
پنجره بزرگی که روی صفحه اصلی باز میشود خوب است اما میخواهم یک جوری پنجره زیری از کار بیفتد و تا پنجره رویی را نبسته ایم نتوانیم به پنجره زیری دسترسی داشته باشیم.
در جاهایی دیده ام که پنجره زیری هم غیر فعال می شود و هم تاریک میشود ( Fade به سیاهی %50 ) که پنجره رویی جلوه بیشتری پیدا میکند. در اصل این منظورم است.
با تشکر ... کاوه

[anvar.net]

از لینک زیر استفاده کنید - مثال های مطرح شده هر دو نیاز شما رو برآورده کردن. تم های مختلف رو هم نگاهی بنداز

[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]


این لینک هم محشره

[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]

[kaveh123]

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

[kaveh123]

بابا یعنی هیچکس نیست سوال منو جواب بده ؟ یعنی انقدر این سوال سخته ؟ فکر نکنم . چون نمونه این کار را روی خیلی از سایت ها می بینم فقط بلد نیستم کٌدشو از سورسش بکشم بیرون.
.
»»» تو را به خدا یکی کمک کنه خیلی وقته که این مشکل را دارم. «««
.
با تشکر ... کاوه

[@R3Z]

شما میتونید از jquery lightbox استفاده کنید
دریافت فایل های موردنیاز:
ابتدا پلاگین Lightbox و سپس کتابخانه ی جی کوئری را دریافت کنید.Download Lightbox Plugin ([ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ])
Download JQuery Library ([ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ])
جی کوئری را از اینجا ([ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]) دریافت کنید.۲٫ فراخوانی اسکریپت ها و استایل ها:
باید کتابخانه ی جی کوئری و پلاگین Lightbox را در صفحه قرار دهیم. کدهای زیر را بین تگ head قرار دهید:

1
<script src="js/jquery.js" type="text/javascript"></script>





2
<script src="js/jquery.lightbox-0.4.js" type="text/javascript"></script>





یک فایل سی اس اس هم در پوشه ی پلاگین موجود هست که آن را هم باید در صفحه فراخوانی کنید. توسط کد زیر و مانند کدهای بالا بین تگ head:

1
<link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.4.css"media="screen" />





3. فعال سازی:
برای اینکه تصاویر با Lightbox هماهنگ شوند، احتیاجی به تغییر و اصلاح کدهای اکس اچ تی ام ال ندارید. این پلاگین نهایت انعطاف پذیری را داراست.
فقط لازم هست در صفحه یک همچین چیزی داشته باشید:

1
<a href="image1.jpg"><img src="thumb_image1.jpg" alt="" width="72"height="72" /></a>





حالا اگر روی این تصاویر کلیک کنیم، Lightbox فراخوانی می شود و افکت را اجرا می کند.اسکریپت زیر را هم داخل تگ head قرار دهید:

01
<script type="text/javascript"><!--





02
$(function() {





03
// Use this example, or...





04
$('a[@rel*=lightbox]').lightBox(); // Select all links that contains lightbox in the attribute rel





05
// This, or...





06
$('#gallery a').lightBox(); // Select all links in object with gallery ID





07
// This, or...





08
$('a.lightbox').lightBox(); // Select all links with lightbox class





09
// This, or...





10
$('a').lightBox(); // Select all links in the page





11
// ... The possibility are many. Use your creative or choose one in the examples above





12
});





13
// --></script>