مشکل css در lightbox

shnoit

Well-Known Member
سلام
دوستان کسی میدونه مشکل lightbox که در عکسا هست کجاست !!!!
من با دو مرورگر ff و IE باز کردم منتها هر کدوم به یه شیوه نشون میدادن !!!!



حالا میخواستم بدونم مشکل اینکه پایین قسمت Close و توضیحات چرا در ff مثل IE نیست !!!
 

E-Boy

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

shnoit

Well-Known Member
E-boy جان من من فایلها رو با نمونه تصویرش پیوست کردم !!!
میخوام دقیقآ بدونم ایراد کار کجاس !!!!
ممنون از راهنماییت:rose:

اضافه میکنم شاید به درد خودتم بخوره، خود گالری :D:wink:
 

پیوست ها

  • BlogGallery.zip
    173.2 کیلوبایت · بازدیدها: 21

E-Boy

کاربر فعال انجمن طراحی وب سایت
سلام دوست عزیز .
در این کد شما عکس بزرگ بعد از کلیک کردن بر روی عکس کوچک به وسیله جاوا اسکریپت ایجاد میشه .
در این کدی هم که به بنده دادین هیچ Class یا ID در کد اچ تی ام ال وجود نداره که مربوط به تصویر بزرگ باشه و در فایل سی اس اس بهش سبک داده باشه .
بنده هم هیچ چیز از جاوا اسکریپت بلد نیستم .
پس در کمک کردن به شما عاجز هستم .
اما می تونم کد اچ تی ام ال و سی اس اس عکس بزرگ و کوچک رو واستون جداگانه بنویسم و بعد شما اگر خواستین اون ها رو به جاوا اسکریپت تبدیل کنید .
اگر که موافق بودین بگین تا کد هایی رو که گفتم براتون بنویسم .
در آخر هم باید بگم شرمنده که تا حالا نتونستم کمکی بهتون بکنم . :sad:
فقط اگر کد ها رو خواستین بگین تا بزارم .
موفق باشید . :wink:
 

shnoit

Well-Known Member
میسی E-Boy جان :neutral:
اشکال نداره، ببینیم از دوستان دیگه کسی هست مشکلو بدونه کجاست !!!!
اگه کد خودتو بزاری تا جز من، بقیه هم بهره ای ببرن، ممنون میشم :wink:

راستی اسمتو هم بگی، خیلی خوشحال میشم:rose:
 

E-Boy

کاربر فعال انجمن طراحی وب سایت
میسی E-Boy جان :neutral:
اشکال نداره، ببینیم از دوستان دیگه کسی هست مشکلو بدونه کجاست !!!!
اگه کد خودتو بزاری تا جز من، بقیه هم بهره ای ببرن، ممنون میشم :wink:

راستی اسمتو هم بگی، خیلی خوشحال میشم:rose:

سلام دوست عزیز .
اسم من امیر رضا هست .
اطلاعات کامل رو هم می تونید از این لینک بخوانید : http://www.forum.majidonline.com/showpost.php?p=820106&postcount=311
اما درباره کد باید بگم که اون ها رو امشب می نویسم و فردا براتون همین جا قرار میدم .
موفق باشید .
 

E-Boy

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

پیوست ها

  • Example.zip
    253.3 کیلوبایت · بازدیدها: 28

shnoit

Well-Known Member
امیر رضا جون، ممنون بابت زحمتت عزیز :rose:

ولی استفاده از lightbox به نظرم راحت تر میشه، من از دیگر دوستام میپرسم، مشکلشو حل کردن، بهت میگم ایراد کارم کجا بوده :)
 

shnoit

Well-Known Member
مشکل در نداشتن چنتا کد بود :D

کد:
#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{width: 70%; float: left; text-align: left}	
#imageData #caption{}
#imageData #numberDisplay{display: block; clear: left; padding-bottom: 1.0em}
#imageData #bottomNavClose{width: 66px; float: right;  padding-bottom: 0.7em}
#imageData #helpDisplay {clear: left; float: left; display: block}

الان کامل در هر دوتا مرورگر نشون داده میشه :wink:
 

جدیدترین ارسال ها

بالا