یکی از مهمترین کارها برای داشتن یک صفحه ی سبک در وب سایت , استفاده از پلاگین های Lazy Load در جی کوئری می باشد .

این پلاگین ها باعث می شوند فقط عکس هایی بارگذاری شوند که کاربر در حال نمایش آنها هستند .

اما در این پست یک قالب بسیار ساده , شیک و حرفه ای را برای شما عزیزان منتشر خواهم کرد که علاوه بر عکس , تمامی باکس ها و اطلاعات را به صورت Lazy Load در آورده .

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

پایه طراحی این قالب بر اساس Bootstrap و طبیعتا ریسپانسیو می باشد . ضمنا این قالب دارای 3 نوع Effect برای Lazy Load میباشد .

در این پست از سایت اسکریپت دات کام قصد دارم با استفاده از jQuery یک loading برای وب سایت را آموزش بدم . این کار باعث میشود تا قبل از اینکه سایت به صورت کامل لود شود , یک عکس یا یک نوشته در صفحه ظاهر شود و اطلاع دهنده این باشد که سایت در حال لود می باشد یا مثلا لطفا صبر کنید …

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

به دلیل استقبال فراوان از پلاگین های جی کوئری که در وب سایت اسکریپت دات کام تا بحال قرار گرفته است …

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

به همین دلیل برای این پست یک پلاگین حرفه ای و زیبای جی کوئری که دارای 9 افکت جذاب در حالت hover می باشد را ارسال خواهم کرد .

چند مدتی بود که خبری از پلاگین های جی کوئری در سایت نبود . ولی امروز با یک پلاگین بسیار جذاب در خدمت شما هستم . این پلاگین قابلیت نمایش تعدادی آیتم از جمله نوشته و .. را با 3 افکت بسیار زیبا دارد .

افکت هایی که در بسیاری از وب سایت ها مشاهده نموده اید ولی نتونستید از راز آنها با خبر شوید .

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

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

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

ایده ی این کار از خودم هست و تقریبا هر چی در نت گشتم که ببینم کسی همچین کاری رو کرده , چیزی پیدا نکردم .

یکی از قابلیت هایی که یک وب سایت میتواند داشته باشد این است که در شب , به رنگ های تیره تبدیل شود تا در هنگام خواندن مطالب سایت, چشم اذیت نشود .

به همین خاطر کدی رو با استفاده از جی کوئری نوشتم که دکمه ای به سایت اضافه میکند که کاربر با کلیک بر روی آن , سایت را به صورت رنگ های تیره یا تقریبا میشه گفت سیاه و سفید می بیند .

منظور از تولتیب ها, همان کادر های ساده و رنگ روشنی هستند که با قرار دادن موس بر روی آنها , پس از 1 ثانیه ظاهر میشوند و شرح مختصری از اون Object رو به ما میده .

این تولتیب ها با دادن اتربیوت title به یک تگ در html ساخته می شوند .

همانطور که میدانیم به صورت پیش فرض تولتیب ها دارای استایلی ساده می باشند .

با استفاده از این آموزش میتوانید این استایل را تغییر و از یکنواختی در بیاورید .

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

این پلاگین که elevateZoom نام دارد , پلاگینی بسیار حرفه ای برای زوم کردن اتوماتیک در حالت Hover بر روی تصاویر یک وب سایت میباشد .

با استفاده از این پلاگین , دیگر نیازی به کلیک بر روی تصویر مورد نظر برای بزرگنمایی ندارید و فقط کافیست موس بر روی تصویر تغییر مکان دهد تا به صورت یک ذره بین , عمل بزرگ نمایی انجام شود .

این پلاگین دارای 3 افکت زیبا برای پیمایش روی تصاویر می باشد .

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

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

ویژگیهای این پلاگین :

نمایش در تمامی مرورگرها

دارای افکت های زیبا و حرفه ای

امکان درج شرح مختصر ر زیر هر عکس

امکان گروه بندی عکس ها برای نمایش پشت سر هم ( اسلاید شو )