اولین مرکز تخصصی غربالگری اتیسم شهر تهران در مرکز اختلال طیف اُتیسم فریحا 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 , پایگاه اطلاع رسانی اطلس ها , پایگاه اطلاع رسانی ابزارهای فناوری اطلاعات , پایگاه اطلاع رسانی بهترین گروه و انجمن , پایگاه اطلاع رسانی مدیریت و دسترسی به آدرسها و لینکهای اینترنتی
گروه فنی مهندسی پرهاست , , مرکز اختلال طیف اُتیسم فریحا , , آموزش هنرهای دوزندگی و چهل تکه دوزی با شادی در شادی دوز با مدیریت مهین حیدرنیا ShadiDooz.ir , , وبلاگ گروه فنی مهندسی پرهاست , , 7Agahi.ir سامانه آگهی رایگان هفت آگهی , , وبلاگ پرهاست
| autism معنى بالعربی | اوتیسم درمان قطعی دارد | اوتیسم سراغ چه کسانی میرود | اوتیسم ایران | کاردرمانی ذهنی اوتیسم | چه چیز باعث اوتیسم می شود | درمان رفتاری اوتیسم | درمان روانشناختی اوتیسم | autism توحد | اوتیسم ا | اوتیسم در بزرگسالی چیست | اوتیسم اهواز | اوتیسم زیر یک سال | autism 99 genes | مدرسه ی اوتیسم | اوتیسم بازیگر زن | زبان اوتیسم | درمان روانشناسی اوتیسم | تعریف autism | راه درمان اوتیسم | autism 2 year old signs | autismo 1 grau | 02 autism | bebe autismo 8 meses | اوتیسم تبریز | مراکز غربالگری اوتیسم | روش درمان کودکان اوتیسم | اوتیسم ارثیه | چه چیزی باعث اوتیسم در کودکان میشود | غربالگری اوتیسم در بارداری | autism 60 minutes | اوتیسم پی دی اف | بیماری اوتیسم 3 ساله | اوتیسم اصفهان | نشانه اوتیسم چیست | آیا اوتیسم همان بیش فعالی است | طیف اوتیسم یعنی چه | autism باللغة العربیة | signs of autism 8 year old | غربالگری اوتیسم چیست | درمان شبه اوتیسم | مراکز غربالگری اوتیسم تهران | e autism.se | اوتیسم پایان نامه | ریشه اوتیسم چیست | اوتیسم چه نوع مریضی است | معنی autism به فارسی | اوتیسم نوع 1 | اوتیسم و غربالگری | اوتیسم رت | autismus 2 jahre | autism 8 year old video | شبه اوتیسم چیست | درمان اوتیسم با تغذیه | حالات اوتیسم | درمان سریع اوتیسم | اوتیسم هوش | اوتیسم مخفف چیست | ثبت نام غربالگری اوتیسم | بیماری اوتیسم چیست و چه علائمی دارد | اوتیسم عکس | اوتیسم کودکان | حافظه اوتیسم | اوتیسم چیست ویکی پدیا | روشهای درمان اوتیسم | مقاله های درمان اوتیسم | اوتیسم سندروم | autism 2018 statistics | غربالگری اوتیسم | چه غذایی برای اوتیسم خوب است | درمان اوتیسم ورزش | غربالگری اوتیسم کودکان | autism ما هو | مقاله درمان اوتیسم | اوتیسم فلج | autismus | از کجا بفهمم کودکم اوتیسم دارد | autism checklist for 8 year olds | اوتیسم چه بیماریست | 3 autism | autismo 2 de abril | اوتیسم عاطفی | چیست اوتیسم | اوتیسم سطح دو | حالتهای اوتیسم | اوتیسم شیراز | ناراحتی اوتیسم چیست | درمان اوتیسم چیست | درمان اوتیسم از نظر دکتر ضیایی | autism بالعربی | اوتیسم در طب اسلامی | درمان اوتیسم با اصلاح ژن | نظریه اوتیسم چیست | چگونه اوتیسم را بشناسیم | اوتیسم ضعیف | autismo 9 mesi | چگونه اوتیسم درمان میشود | autism فیلم | autism ترجمه للعربی | اوتیسم پسر ترامپ

@AutismFariha #مرکزاتیسم_فریحا #اُتیسم #اوتیسم #autism #فریحا #مرکزفریحا #مرکز_اوتیسم_فریحا #تشخیص_اتیسم #اتیسم #otism #در_خود_ماندگی #اوتیسم_نوزادان #اوتیسم_شدید #ارزیابی #rangtism #جذب #درمان #اختلال_یادگیری #یافت_آباد #دکترخاندانی #golden_Time #دچار_اوتیسم #توانبخشی #screening #otitis_Media #روانشناس #طیف #زمان_طلایی
Copyright © 2002-2020, toolsit.ir. Design and Hosting by ParHost All Rights Reserved.
10250