لطفا اگه میتونید کمکم کنید دوستان گلم...

[130000]

به نام خداوند بخشنده بی منت


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

خواهش میکنم کمکم کنید با تشکر.

[eidazha]

بهش ميگن lightbox و تا دلت بخواد تو نت پره معروف ترينش fancybox هستش
از لينك زير دانلود كن
http://fancybox.net

[130000]

بهش ميگن lightbox و تا دلت بخواد تو نت پره معروف ترينش fancybox هستش
از لينك زير دانلود كن
http://fancybox.net

سلام واقعا ممنون اما پس کدش کو ؟ اگه میشه بی زحمت کدش رو برام بذارید ممنون.

[eidazha]

سلام واقعا ممنون اما پس کدش کو ؟ اگه میشه بی زحمت کدش رو برام بذارید ممنون.

خواهش ميكنم
سمت راست رو نگاه كنيد نوشته download facybox 2
روي اون كليك كرده و دانلود كنيد داخل فايل zip مثال ها موجوده
در كل 3-4 خط بيشتر كد نمينويسي

[130000]

خواهش ميكنم
سمت راست رو نگاه كنيد نوشته download facybox 2
روي اون كليك كرده و دانلود كنيد داخل فايل zip مثال ها موجوده
در كل 3-4 خط بيشتر كد نمينويسي

عزیز من دانلود رو زدم منو به صفحه ای برد که یک سری کد هست و یک لینک دانلود هم تو اون صفحه بود که زدم و دانلود شد داخل فایل زیپ یک سری جی کوئری و تصویر هست

متاسفانه من نمیدونم این کدها رو در کجا قرار بدم لطفا اگه میشه کدها در همینجا قرار بدید و اشاره کنید که کدهارو کجای قالب قرار بدم .

شرمنده به خدا.

ممنون از لطفتون :ناراحت:

[eidazha]

سلام
همانطور كه خودتون هم گفتيد fancybox مبتني بر فريم ورك Jquery هست
كار باهاش خيلي ساده است شما اول از همه بايد فايل jquery رو در تگ head لود كنيد و سپس فايل jquery.fancybox.js و بعد آن فايل css fancybox رو به نام jquery.fancybox.css
حالا شما مثل بقيه اسكريپت هاي مبتني بر jquery بايد كدتون رو داخل (document).ready(function() بنويسيد
به اين صورت


<script>
$(document).ready(function() {
$("#mytest").click(function() {
$.fancybox.open('1_b.jpg');
});
});
</script>

اون قسمت يعني


$("#mytest").click(function() {
$.fancybox.open('1_b.jpg');
});

ميگه كه وقتي بر روي يك المنتي با آي دي mytest كليك شده تصوير 1_b.jpg را داخل fancybox نشون بده.
به همين راحتي ....
البته اين يك مثال ساده بود fancy box همانطور كه تو sample ها ديديد امكانات زيادي داره
همين مثال رو براتون به صورت فايل هم آپلود كردم دانلود كنيد تا بهتر متوجه بشيد.

[130000]

سلام
همانطور كه خودتون هم گفتيد fancybox مبتني بر فريم ورك Jquery هست
كار باهاش خيلي ساده است شما اول از همه بايد فايل jquery رو در تگ head لود كنيد و سپس فايل jquery.fancybox.js و بعد آن فايل css fancybox رو به نام jquery.fancybox.css
حالا شما مثل بقيه اسكريپت هاي مبتني بر jquery بايد كدتون رو داخل (document).ready(function() بنويسيد
به اين صورت


<script>
$(document).ready(function() {
$("#mytest").click(function() {
$.fancybox.open('1_b.jpg');
});
});
</script>

اون قسمت يعني


$("#mytest").click(function() {
$.fancybox.open('1_b.jpg');
});

ميگه كه وقتي بر روي يك المنتي با آي دي mytest كليك شده تصوير 1_b.jpg را داخل fancybox نشون بده.
به همين راحتي ....
البته اين يك مثال ساده بود fancy box همانطور كه تو sample ها ديديد امكانات زيادي داره
همين مثال رو براتون به صورت فايل هم آپلود كردم دانلود كنيد تا بهتر متوجه بشيد.



عزیز شیری که خوردی حلالت دمت گرم واقعا ممنون نمیدونم چجوری تشکر و جبران کنم ( کارم رو راه انداختی ) :بوس: :قلب: :تشویق: :خجالت: :بوس: :لبخند:

[130000]

این کد برای سایت های سورس باز به کار میاد .

اگه بخوام همه تصاویر به این صورت بشن باید چیکار کنم؟ :متفکر:

[eidazha]

خواهش ميكنم
منظورتون رو از سورس باز متوجه نشدم
منظورتان اينكه مثلا 10 تا تصوير داريد روي هر كدام كليك شد همون تصوير رو نشون بده ؟!
اون چيزي كه ميخواهيد درست كنيد رو بگيد تا كامل توضيح بدم.

[130000]

خواهش ميكنم
منظورتون رو از سورس باز متوجه نشدم
منظورتان اينكه مثلا 10 تا تصوير داريد روي هر كدام كليك شد همون تصوير رو نشون بده ؟!
اون چيزي كه ميخواهيد درست كنيد رو بگيد تا كامل توضيح بدم.

منظورم رو درست متوجه شدید درسته همینه منظورم . مثلا 10 تا تصوير دارم روي هر كدام كليك شد همون تصوير رو نمایش بده .

[keyhan.taktaz]

شما میتونید از lightbox استفاده کنید

[eidazha]

منظورم رو درست متوجه شدید درسته همینه منظورم . مثلا 10 تا تصوير دارم روي هر كدام كليك شد همون تصوير رو نمایش بده .

دانلود كنيد

[refugee]

دانلود كنيد

امکانش است عزیز این دمو رو برام درست کنید :

1. بجای اون نوشته ها (‌image5 ... image1) تصویر کوچیک 100 * 100 بذارید .
2. وقتی موس اور شد تصاویر 100*100 کم رنگتر بشه یا پرنگ بشه جوری که افکت داشته باشه .
3. وقتی کلیک شد مثل همینی که الان درست کردین باز بشه و نمایش بده یا همون لایت باکس ولی حالت رد کردن بین تصاویر را داشته باشه ( دکمه عقب جلو )

تشکر

[eidazha]

امکانش است عزیز این دمو رو برام درست کنید :

1. بجای اون نوشته ها (‌image5 ... image1) تصویر کوچیک 100 * 100 بذارید .
2. وقتی موس اور شد تصاویر 100*100 کم رنگتر بشه یا پرنگ بشه جوری که افکت داشته باشه .
3. وقتی کلیک شد مثل همینی که الان درست کردین باز بشه و نمایش بده یا همون لایت باکس ولی حالت رد کردن بین تصاویر را داشته باشه ( دکمه عقب جلو )

تشکر

هيچ فرقي نداره اينجا هم ميتوني يك عكس بزاري و بهش لينك بدي و هر آدرس عكسي تو href باشه واستون به صورت lightbox باز ميكنه
در مورد كم يا بيشتر شدن رنگ تصوير ميتونيد به تگ img تو css خصوصيت opacity بدي و تو hover شدن عكس مقدارشو كم و زياد كني.

[130000]

eidazha خیلی ممنون دمت گرم خدا خیرت بده:بوس: