اولین مرکز تخصصی غربالگری اتیسم شهر تهران در مرکز اختلال طیف اُتیسم فریحا 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
| اوتیسم 2018 | نشانه ی اوتیسم چیست | autism signs in 8 month old | autism 5k raleigh | ظاهر کودکان اوتیسم | autism in 8 month old | اوتیسم مخفف چیست | اوتیسم کودکان | autism اعراض | اوتیسم هوش | اوتیسم اسپرگر | اوتیسم اکتسابی چیست | طب سنتی درمان اوتیسم | اوتیسم اردبیل | autismo 4 años | autismo 6 meses | signs of autism 9 year old | level 0 autism | چه چیزی در بارداری باعث اوتیسم میشه | autism توحد | بیماران اوتیسمی چند سال عمر میکنند | اوتیسم درمان پذیر است | بیماران اوتیسم چگونه هستند | اوتیسم چه نشانه هایی دارد | اوتیسم سرای مهربانی | autism 4 year old symptoms | با یک اوتیسم چگونه رفتار کنیم | اوتیسم تشخیص | اوتیسم ضیایی | بیماری autism | مرکز درمان اوتیسم تهران | autism 2 year old boy | از کجا بفهمیم نوزاد اوتیسم دارد | اوتیسم همان بیش فعالی است | autismo 2 de abril | معنی autism به فارسی | هزینه درمان اوتیسم | چگونه اوتیسم بوجود می اید | اوتیسم از چه زمانی قابل تشخیص است | صفحة autism | autism اردو | autism 9 year old | ما هو autism | autism فارسی | اوتیسم ژنتیکیه | درمان اوتیسم با طب سوزنی | علائم اوتیسم خفیف چیست | اوتیسم نوزادی | درمان اوتیسم با دعا | autisme 6 mois | اوتیسم و سندروم چیست | autism 9 month old baby | autism 504 plan | درمان گیاهی اوتیسم در کودکان | بیماری اوتیسم چیست و چه علائمی دارد | نشانه ی اوتیسم | autisme 2 jaar | طیف اوتیسم | مرض اوتیسم چیست | اوتیسم یعنی چی | داروی گیاهی درمان اوتیسم | بیماری اوتیسم چیست در کودکان | اوتیسم عکس | autismo 2 años | اوتیسم ها | اوتیسم اصفهان | اوتیسم در نوزاد | کودک مبتلا به اوتیسم | درمان اوتیسم با اصلاح ژن | اوتیسم های نابغه | اوتیسم لعنتی | اوتیسم سراغ چه کسانی میرود | درمان اوتیسم با جراحی | اوتیسم پایان نامه | علائم و درمان اوتیسم | اوتیسم معافیت سربازی | autism 60 minutes | درمان اوتیسم کودک | شبه اوتیسم چیست | اوتیسم چطور بیماری است | بیماری اوتیسم چیست و علایم آن | اوتیسم در اثر چیست | مراکز غربالگری اوتیسم | autism چیست | از کجا بفهمیم کودکی اوتیسم دارد | اوتیسم فانکشن | اوتیسم ویکی پدیا | علت اوتیسم | نشانه اوتیسم چیست | autisme 3 jaar | بیماری اوتیسم 3 ساله | autisme 8 mois | اوتیسم گفتگو | autismo 4 anni | درمان اوتیسم نوزادان | 4 autism disorders | autism checklist for 8 year olds | 5 autism signs in babies 2 years or younger | اوتیسم شهرری | autism 2 year old checklist

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