اولین مرکز تخصصی غربالگری اتیسم شهر تهران در مرکز اختلال طیف اُتیسم فریحا www.AutismFariha.ir

ایجاد یک اسلایدر ساده عکس در jquery

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

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

در این مطلب بسادگی یاد میگیرید که یه اسلایدر ساده با جی کوئری بسازید.

کدهای HTML

برای شروع این کدهای HTML رو در صفحه قرار میدیم.

<div class="slides">
 <img src="img1.jpg">
 <img src="img2.jpg">
 <img src="img3.jpg">
</div>

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

.slides { position:relative;}
.slides img { position:absolute; left:0; top:0; }

خوب حالا هم نوبت کدهای جی کوئری هستش.

کدهای jQuery

$(function(){
 $('.slides img:gt(0)').hide();
 setInterval(function(){
 $('.slides :first-child').fadeOut()
 .next('img').fadeIn()
 .end().appendTo('.slides');},
 3000);
 });

به همین راحتی،درباره کدهای جی کوئری بگم که اولش همه تصاویر موجود رو مخفی میکنیم،حالا با setInterval میخوایم یه تابع رو در بازه زمانی مشخص فرخوانی کنیم اینجا هر ۳ ثانیه یکبار،خوب در این تابع اولین تصویر رو مخفی میکنیم و بعدش تصویر بعدی رو ظاهر میکنیم و بعدشم دوباره همون تصویر اولی که مخفی کردیم رو به انتهای slides اضافه میکنیم،اینطوری مثل حلقه ی تکرار میشه و تصاویر برای ما نشون داده میشن.

1393/3/15       00000             ایجاد یک اسلایدر ساده عکس در jquery       jQuery



 7Agahi.ir سامانه تبلیغاتی 7 آگهی
7Agahi.ir سامانه آگهی رایگان هفت آگهی


یادداشتها و چرکنویس های من parhost.net گروه فنی مهندسی پرهاست
یادداشتها و چرکنویس های من… یادداشتها ، مطالب ، نکات مهم و کاربردی … :: parhost.net گروه فنی مهندسی پرهاست


اولین مرکز تخصصی غربالگری اتیسم شهر تهران در مرکز اختلال طیف اُتیسم فریحا www.AutismFariha.ir

پایگاه اطلاع رسانی مدیریت و دسترسی به آدرسها و لینکهای اینترنتی , پایگاه اطلاع رسانی 88080.ir , پایگاه اطلاع رسانی اطلس ها , پایگاه اطلاع رسانی بهترین گروه و انجمن , پایگاه اطلاع رسانی اخترشناسان ایران , پایگاه اطلاع رسانی انجمن فناوری اطلاعات , پایگاه اطلاع رسانی با فرهنگ , پایگاه اطلاع رسانی ابزارهای فناوری اطلاعات
مرکز اختلال طیف اُتیسم فریحا , , وبلاگ گروه فنی مهندسی پرهاست , , وبلاگ پرهاست , , گروه فنی مهندسی پرهاست , , 7Agahi.ir سامانه آگهی رایگان هفت آگهی , , آموزش هنرهای دوزندگی و چهل تکه دوزی با شادی در شادی دوز با مدیریت مهین حیدرنیا ShadiDooz.ir
| اوتیسم جهانی | اوتیسم با عملکرد بالا | signs of autism 9 months | autism 2 year old symptoms | autism 4chan | autism treatment | ما المقصود ب autism | روش درمان اوتیسم | اوتیسم گفتار درمانی | اوتیسم از چند ماهگی قابل تشخیص است | درمان اوتیسم نظرات | اوتیسم امیر پرهام | اوتیسم ذهنی | پاورپوینت درمان اوتیسم | اوتیسم ضعیف | autismo 9 meses | اوتیسم درمان شده | اوتیسم خفیف در بزرگسالان | آیا اوتیسم ژنتیکی است | autism 5 year old | اوتیسم ژنتیک | ترجمة کلمة autism spectrum disorder | autism checklist for 8 year olds | تست غربالگری اوتیسم | کی بچش اوتیسم داره | درمان شبه اوتیسم | طیف اوتیسم یعنی چه | طب سوزنی و درمان اوتیسم | صابری اوتیسم | از کجا بفهمیم کودکی اوتیسم دارد | اتیسم عملکرد بالا | بیماران اوتیسم چگونه هستند | حالات اوتیسم | راه درمان اوتیسم خفیف | اوتیسم یا سندرم داون | کدام بازیگر اوتیسم دارد | درمان اوتیسم با خون بند ناف | اوتیسم لکنت زبان | فیلم autism | علت و درمان اوتیسم | درمان اوتیسم با داروی گیاهی | بچه ی اوتیسمی | اوتیسم و جن | اوتیسم درمان می شود | روشهای درمان اوتیسم | علائم و درمان اوتیسم | اوتیسم و درمان آن | اوتیسم پسر شهاب حسینی | درمان اوتیسم اطفال | درمان بچه های اوتیسم | autism 8 year old video | غربالگری اوتیسم بهزیستی | e autism | درمان اوتیسم بر اساس تحقیقات جدید | autism spectrum 06 | signs of autism 9 year old | درمان اوتیسم اصفهان | autismo 9 años | اوتیسم اختلال ژنتیکی | autism اوتیسم | تئوری ذهن اوتیسم | signs of autism 0-12 months | درمان اوتیسم کودکان در طب سنتی | اوتیسم رشت | autism in 9 year old | اوتیسم خفیف نی نی سایت | 7 senses autism | چرا اوتیسم زیاد شده | اوتیسم سطح بالا | autism 100 day kit | اوتیسم لادن طباطبایی | درمان اوتیسم ضعیف | اوتیسم در نوجوانی | طیف اوتیسم چیست | signs of autism 8 year old | autismo 6 mesi | autism اردو | درمان اوتیسم استاد تبریزیان | autism 15 months | درمان اوتیسم با بخور حضرت مریم | 5 autism facts | اوتیسم هلاکویی | بیماری اوتیسم چیست و چه علائمی دارد | اوتیسم بیماری | اوتیسم کودک دو ساله | autismo 0-3 anni | اوتیسم نوزادان چیست | درمان اوتیسم ایت الله تبریزیان | مرکز اوتیسم ذهن زیبا | اوتیسم پسر شقایق دهقان | روش های درمان اوتیسم | سیستم غربالگری اوتیسم | درمان اوتیسم با دعا | اوتیسمی چیست | autism 8 year old | اگر اوتیسم درمان نشود | autism 3 year old | autism 3 year old symptoms | مرکز درمان اوتیسم در شیراز | autism 5k raleigh

@AutismFariha #مرکزاتیسم_فریحا #otism #اُتیسم #مرکز_اوتیسم_فریحا #اوتیسم #مرکز_اتیسم_فریحا #تشخیص_اتیسم #autism #اتیسم #اولین_پایگاه_غربالگری_تهران #اتاق_تاریک #اوتیسم_فریحا #شدید #اوتیسم_خفیف #تختی #یافت_آباد #خاندانی #اتاق_حسی_حرکتی #autism_Screening #توانبخشی #اوتیسم_شدید #تهران #زمان_طلایی #AFariha.ir #otitis_Interna #غربالگری #autisms #اتاق_حسی
Copyright © 2002-2020, atlasha.ir. Design and Hosting by ParHost All Rights Reserved.
23755