اولین مرکز تخصصی غربالگری اتیسم شهر تهران در مرکز اختلال طیف اُتیسم فریحا 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 year old | اوتیسم اسپرگر | اوتیسم گفتاری | اوتیسم کودک دو ساله | autism 4 year old uk | اوتیسم و درمان گیاهی | برای درمان اوتیسم چه باید کرد | اوتیسم فراتر از تئوری ذهن | اوتیسم های فانکشن | درمان روانشناختی اوتیسم | طیف اوتیسم | درمان پزشکی اوتیسم | autismo 7 mesi | autism فارسی | اوتیسم پسر شهاب حسینی | autism 5 | اوتیسم زنان | درمان و علایم اوتیسم | 4 autism spectrum disorders | اوتیسم چگونه بوجود می آید | autism بالعربی | اوتیسم در طب اسلامی | اوتیسم شیوع | چرا کودک اوتیسم می گیرد | شیر شتر و درمان اوتیسم | اتیسم عملکرد بالا | autism 8 months old | قرص برای درمان اوتیسم | اوتیسم خفیف چیست | سازمان بهزیستی غربالگری اوتیسم | اوتیسم خیلی خفیف | اوتیسم ارثی است | اوتیسم چگونه بیماریست | autism 18 months | اوتیسم اهواز | صفحة autism | درمان رفتاری اوتیسم | سن غربالگری اوتیسم | autism 504 plan | اوتیسم چه بیماری ای است | بیماری اوتیسم ژنتیکی است؟ | مریضی اوتیسم چیست | کدام بازیگر اوتیسم دارد | اوتیسم بیماری | اوتیسم و طب سنتی | طیف اوتیسم چیست | اوتیسم در ایران | چه چیزی باعث اوتیسم میشه | اوتیسم در اثر چیست | اوتیسم جامعه | اوتیسم زومیت | حرکات اوتیسم چیست | چرا بچه ها اوتیسم میگیرند | اوتیسم یعنی چی | autism 1 year old signs | اوتیسم کودکان | درمان خوراکی اوتیسم | autism 9 year old symptoms | درمان اوتیسم ورزش | اوتیسم رشت | autism in 9 month old | autismo 9 mesi | اوتیسم در نوزاد | غربالگری اوتیسم در بارداری | اوتیسم گوش | اوتیسم نوزادان | اوتیسم خفیف در نی نی سایت | اوتیسم چه نوع بیماریست | autism 3 year old signs | اوتیسم در dsm 5 | autism 7 | اوتیسم پایان نامه | خاندانی | درمان اوتیسم خفیف | درمان اوتیسم با گیاهان دارویی | اوتیسم شدید چیست | autism ما معنى | چرا کودکان دچار اوتیسم میشوند | درمان خانگی اوتیسم در کودکان | autism 2.5 year old | چه چیزهایی باعث اوتیسم میشود | autism 8 year old boy | حامیان اتیسم | چه چیزی باعث اوتیسم در کودکان میشود | نشانه ی اوتیسم | اوتیسم سندروم | اوتیسم درمان شده | مقاله اوتیسم 2018 | علت و درمان اوتیسم

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