اولین مرکز تخصصی غربالگری اتیسم شهر تهران در مرکز اختلال طیف اُتیسم فریحا 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 , , وبلاگ گروه فنی مهندسی پرهاست , , مرکز اختلال طیف اُتیسم فریحا
| اوتیسم چه است | درمان اوتیسم چیست | اوتیسم قابل درمان است | اوتیسم ضعیف | اوتیسم ثانویه | autism وش معنى | درمان اوتیسم از نظر دکتر خیر اندیش | autism spectrum 06 | الخوض autism | 9 autism | autism 6 year old female | autism 80 genetic | اوتیسم چه نشانه هایی دارد | autism 99 genes | علائم اوتیسم ضعیف در کودکان | autism 8 months | مقاله اوتیسم 2018 | اوتیسم کودکان نی نی سایت | اوتیسم و تئوری ذهن | اوتیسم شقایق دهقان | اوتیسم کودک یک ساله | درمان اوتیسم در سوئد | سوالات غربالگری اوتیسم | اوتیسم حیب | درمان رفتاری اوتیسم | 5 autism signs in babies 2 years or younger | اوتیسم معافیت سربازی | autism عربی | autism مترجم | گفتاردرمانی اوتیسم | درمان اوتیسم با قران | autism معنى | اوتیسم شیرخواری | نشانهای اوتیسم چیست | 0 que significa autismo | چه غذایی برای اوتیسم خوب است | اوتیسم ساوانت | چند درصد اوتیسم | معنی اوتیسم چیست | autism checklist for 8 year olds | اوتیسم چه بیماری است | شیر شتر و درمان اوتیسم | اوتیسم های مشهور | مرکز درمان اوتیسم در شیراز | اوتیسم لکنت زبان | علائم اوتیسم خفیف چیست | اوتیسم از کی قابل تشخیص است | علت اوتیسم | بیماری اوتیسم چیست در کودکان | اوتیسم خیلی خفیف | معنی autism به فارسی | اوتیسم در کودک 2 ساله | اوتیسم نوجوانی | autism 7 weeks old | اوتیسم چگونه بیماری است | autism عربی | اوتیسم چگونه بوجود می آید | اوتیسم بزرگسالی | اوتیسم لباس | 2 autism | autism 6 year old | autism 9 month baby | اوتیسم بیماری | حالات اوتیسم | اوتیسم شهرری | اوتیسم طباطبایی | درمان اوتیسم با شیر شتر | autisme 0-6 mois | درمان اوتیسم با حجامت | autism اعراض | تاریخچه ی اوتیسم | اوتیسم طب سنتی | غربالگری اوتیسم کودکان | اوتیسم پایان نامه | autism | اوتیسم خفیف قابل درمان است | اوتیسم حیوانات | autism معنی | اوتیسم ژنتیکی است | اوتیسم فعال | اوتیسم یاران البرز | اوتیسم را تعریف کنید | آیا اوتیسم ارثی است؟ | autism 2.5 year old signs | آیا اوتیسم در غربالگری مشخص میشود | autism 6 months | ریشه اوتیسم چیست | درمان اوتیسم با سلول های بنیادی | عوارض اوتیسم چیست | اوتیسم به انگلیسی | درمان مریضی اوتیسم | اوتیسم علت | اوتیسم از چیست | هومیوپاتی و درمان اوتیسم | autism journal sage | دانلود فیلم autism in love | درمان اوتیسم در بزرگسالان | اوتیسم از چند سالگی شروع می شود | کدام بازیگر اوتیسم دارد | اوتیسم به زبان ساده

@AutismFariha #اتیسم #تشخیص_اتیسم #otism #اولین_پایگاه_غربالگری_تهران #مرکزاتیسم_فریحا #اوتیسم #مرکزفریحا #مرکز_اوتیسم_فریحا #autism #اُتیسم #اولین #otitis_Interna #اوتیسم_بین_المللی #تختی #غربال #بیماری_در_خود_ماندگی #تشخیص #شدید #غربالگری #autismfariha #اتیسم_شدید #AFariha.ir #مددکار #روانشناس #مربی #اختلال #روان_شناسی #اوتیسم_رسانه
Copyright © 2002-2019, urlha.ir. Design and Hosting by ParHost All Rights Reserved.
27045