اختلال در کارکردن اسلایدر

[nama62]

سلام.
من دارم یه سایت ساده رو راه اندازی میکنم و هنوز کامل نشده.
سورس رو توی این آدرس آپلود کردم -----> weboffer.ir
لطفا به این آدرس برید و صفحه ی "گالری" رو باز کنید ------> http://weboffer.ir/gallery.html
قسمت سمت راست صفحه، 3تا لینک وجود داره که با کلیک روی هر لینک، اسلایدشوی مربوط به اون در قست سمت راست لود میشه.
مشکلی که وجود داره اینه که وقتی یکبار روی هر کدوم از لینکها کلیک میشه، برای بار دوم اگر روی لینکی کلیک بشه، اسلایدشو لود نمیشه!
نمیدونم ایراد کارم کجاست.
ممنون میشم دوستان، راهنمایی کنن.

من از اسلایدر rhinoslider-1.05 استفاده کردم.
توی این آدرس میتونید، تنظیمات اسلایدر رو ببینید ------> http://rhinoslider.com/options/

[dorparasti]

مشکل کد شما اینه که در تابعی که نوشتید اومدید همون div که توسط اسلایدر دستکاری میشه رو ظاهر و پنهان می کنید . برای همین یک تداخل بوحود میاد . من کد شما رو دانلود و اصلاح کردم .

1- وقتی که اسلاید رو اعمال میکنید روی یک مجموعه تصاویر . اسلاید به صورت اتومات برای اجرای افکت هاش میاد و یکسری div می سازه داخل همون div های تعریف شده توسط شما . از طرفی شما اومدید توی تابع تون تمام div های داخل div اصلی galleryDisplay رو پنهان می کنی در حالی که باید فقط div هایی که مستقیما فرزند این div هستن رو پنهان و اشکار کنی و کاری به زیرتر نداشته باشی یعنی div های Arm و poster و katalog .


$('#galleryDisplay > div').css('display', 'none');


2- چون شما تصاویر رو مستقیماً داخل div های Arm , ... گذاشتید . اسلایدر برای عملیاتش اونارو تغییر میده ( جاشون رو ، z-index و ... ) پس باید دو سطح div برای هر گالری تعریف کنید . من برای هر گالری یک div داخلی اضافه کردم و مقدار کلاس اونارو گذاشتم pics . یعنی الان یک همچین چیزی هست :


<div class="poster">
<div class='pics'>
<img src="gallery_files/poster1.jpg">
<img src="gallery_files/poster2.jpg">
<img src="gallery_files/poster3.jpg">
</div>
</div>
<div class="arm">
<div class='pics'>
<img src="gallery_files/arm1.jpg">
<img src="gallery_files/arm2.jpg">
<img src="gallery_files/arm3.jpg">
</div>
</div>
<div class="katalog">
<div class='pics'>
<img src="gallery_files/kat1.jpg">
<img src="gallery_files/kat2.jpg">
<img src="gallery_files/kat3.jpg">
</div>
</div>



حالا برای اعمال اسلاید دیگه کاری به arm , katalog و poster نداریم بلکه با یک سطح پایینتر کار می کنیم :

$('.'+currentGallery).css('display', 'block').find(".pics").rhinoslider({


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

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

اگر نتونستی اصلاحش کنی بگو تا فایل رو آپلود کنم .

موفق باشی

[nama62]

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

اگر ممکنه کدهای اصلاح شده رو برام بذار تا دانلود کنم.

بازم ممنونم از شما.

[dorparasti]

این هم فایل

[nama62]

سلام مجدد.

عجیبه کدهای شما کار میکنه اما کدهای من کار نمیکنه!!!
الان از همون بار اول که روی لینکها کلیک میشه، اسلایدشو لود میشه اما عکس هاش نه.
نمیدونم ایراد کار کجاست...

من کدهای اصلاح شده ی خودم رو، توی همون آدرس آپلود کردم.
خیلی ممنون میشم دوباره نگاه کنید.

ضمناً حالا که مزاحم شما شدم، یه ایراد دیگه هم دارم که بپرسم.
صفحه اصلی سایت، تو مرورگر ie بهم ریخته نمایش داده میشه. من خودم ie9 دارم. توی همه مرورگرها کاملا درست نمایش داده میشه اما توی ie بهم ریخته س.
زیر فوتر یه فضای خالی به وجود میاد.
نمیدونم ایراد کار کجاست.
ضمناً خیلی برام مهم نیست که سایتم توی ie6 و ie7 درست نمایش داده بشه یا نه.

[dorparasti]

عجیبه ... نتونستم متوجه بشم ایراد از کجاست . این رو امتحان کن :

توی gallery.css توی استایل مربوط به گالری ها display:none رو بردار



.poster, .katalog, .arm, .dekor, .pics {
display: none;
height: 300px;
margin: 16px auto 0;
width: 630px;


}






بعد استایل مربوط به galleryDisplay این دستور رو اضافه کن :



overflow: hidden;

و استایل مربوط به .picture هم مثل زیر margin-bottom رو افزایش بدید :


.picture {
height: 300px;
margin: 16px auto 20px;
width: 630px;


}





احتمالا باید درست کارکنه .

توی ie9 هم من ایرادی توی فوتر ندیدم

[nama62]

دست شما درد نکنه... بالاخره درست شد!!!
خیلی خیلی ممنونم.
فقط یه توضیح کوچیک بدید که این کدها داره دقیقاً چیکار میکنه که مشکل حل شد.

در مورد صفحه اصلی هم که گفتم توی ie مشکل داره؛ مشکلش اینکه که کل صفحه، زیرش یه فضای خالی زیاد به وجود میاد. انگار که فوتر از پائین صفحه، مارجین بگیره؛
نمیدونم متوجه منظورم شدید یا نه.