اولین مرکز تخصصی غربالگری اتیسم شهر تهران در مرکز اختلال طیف اُتیسم فریحا 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 6 year old symptoms | طیف اوتیسم در کودکان | autism چیست | اوتیسم در نوزاد | آیا اوتیسم در دوران بارداری قابل تشخیص است | اوتیسم اسپرگر چیست | 02 autism | آیا اوتیسم خفیف قابل درمان است | درمان اوتیسم خفیف چیست | اوتیسم صفاری | autism 1 in 59 | برنامه درمانی اوتیسم یکپارچه با خانواده | درمان اوتیسم از نظر دکتر خیراندیش | اوتیسم بیماری خاص | autismo 9 mesi | کودکان اوتیسم چقدر عمر میکنند | اوتیسم نوزاد نی نی سایت | ریشه اوتیسم چیست | خرید کتاب ارزیابی و درمان اوتیسم | تشخیص اوتیسم قبل از تولد | اوتیسم معافیت سربازی | از کجا بفهمیم نوزاد اوتیسم دارد | اوتیسم در کودکان 2 ساله | اوتیسم یعنی چه | اوتیسم و نشانه های آن | اوتیسم بیماری | اوتیسم سطح بالا | autism spectrum disorders | autismo 9 meses | 9 autism | autism 80 | درمان اوتیسم بر اساس تحقیقات جدید | autism اوتیسم | اوتیسم قم | autisme 0-5 ans | اوتیسم ژن | فیلم autism | اوتیسم گوش | autism ما معنى کلمة | اوتیسم ضعیف | autism journal sage | e autism.se | درمان اوتیسم با طب اسلامی | autism 5 point scale | روز جهانی اوتیسم 2019 | اوتیسم خفیف کودکان | اوتیسم ژنتیک | autism 8 week old | autismo 0-90 | درمان اوتیسم ایت الله تبریزیان | اوتیسم را چگونه درمان کنیم | درمان اوتیسم با بخور حضرت مریم | autism at 8 months | درمان اوتیسم در طب روازاده | از کجا بفهمم اوتیسم دارم | اوتیسم اکتسابی چیست | اوتیسمی چیست | درمان بچه های اوتیسم | درمان اوتیسم گیاهی | اوتیسم صرع | اوتیسم در بزرگسالان چیست | اوتیسم جنین | autism تشخیص | حمله اوتیسم | مرض الانعزالیة autism | شیر شتر درمان اوتیسم | غربالگری تشخیص اوتیسم | اوتیسم عکس | autism 2018 statistics | اوتیسم یا جن زدگی | autismo infantil f84 0 | اوتیسم به انگلیسی | اوتیسم علت | اوتیسم متوسط چیست | اوتیسم لباس | درمان های اوتیسم | autismo 3 años | کی بچه اوتیسمی دارد | اوتیسم درمان قطعی دارد | autism 4chan | طیف اوتیسم | autism 7 year old | دلیل اوتیسم کودکان چیست | autism 9 month old signs | اوتیسم هلاکویی | autism معنى بالعربی | اوتیسم ژنتیکی است؟ | حامی اوتیسم | autism 6 second rule | اوتیسم و طب سنتی | اوتیسم و ژنتیک | اوتیسم جهش ژنتیکی | autism باللغة العربیة | اوتیسم کلاسیک | سامانه غربالگری اوتیسم | autism signs in 7 month old | autism 4 areas of difference | اوتیسم از چه سنی شروع میشود | آیا اوتیسم درمان دارد؟ | اوتیسم چ

@AutismFariha #fariha #اُتیسم #اتیسم #otism #مرکز_اوتیسم_فریحا #مرکزاتیسم_فریحا #مرکزفریحا #فریحا #تشخیص_اتیسم #اوتیسم #اوتیسم_نوزادان #اوتیسم_خفیف #autismfariha #اولین #درمانگر_اوتیسم #تهران #بهزیستی #طیف #تختی #تخصصی #خفیف #rangtism #دچار_اوتیسم #درمانگر #screening #ارزیابی #اتاق_تاریک #پرتیسم
Copyright © 2002-2020, atlasha.ir. Design and Hosting by ParHost All Rights Reserved.
11405