تبلیغات
وب عمومی (همه چیز در یک نگاه) - اسلایدر ریسپانسیو
 
وب عمومی (همه چیز در یک نگاه)
درباره وبلاگ


با سلام خدمت دوستان عزیز
الهام کشاورز هستم
امیدوارم از مطالبی که در وبلاگ قرار میدم استفاده کنید
لطفا نظرات خودتون رو با ما در میان بزارید
با تشکر

مدیر وبلاگ : الهام کشاورز
نویسندگان
دوشنبه 20 اردیبهشت 1395 :: نویسنده : الهام کشاورز
اسلایدر

شاید پیدا کردن یک اسلایدر ریسپانسیو که استفاده از آن نیز راحت باشد برای شما کمی دشوار باشد.

حالا ما در این پست می خواهیم یک اسلایدر به شما معرفی کنیم که با استفاده از css و jquery برای شما یک اسلایدر حرفه ای و ریسپانسیو تولید میکند.

 


اسلایدر Slippry:

برای استفاده از این اسلایدر کافیست فایل آن را که در ضمیمه همین پست برایتان آماده کرده ایم را دانلود کنید و با استفاده از آموزش طراحی سایت زیر آن را هر جای سایتتان که می خواهید قرار دهید.

آموزش استفاده از اسلایدر Slippry:

فایل را دانلود کنید و در پروژه خود قرا دهید و با توجه به آدرسی که فایل را در آن گذاشتید همان آدرس را به فایل html خود لینک کنید:

1
2
3
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">script>
<script src="/js/slippry.min.js">script>
<link rel="stylesheet" href="/css/slippry.css" />

حالا کد html اسلایدر را به صورت زیر هر جای سایت که میخواهید اسلایدر را نمایش دهید قرار دهید:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<ul id="slippry-demo">
 
<li>
    <a href="#slide1"><img src="assets/img/slippry-01.jpg" alt="Welcome to Slippry!">a>
  li>
 
 
<li>
    <a href="#slide2"><img src="assets/img/slippry-02.jpg" alt="This is an awesome jQuery slider plugin.">a>
  li>
 
 
<li>
    <a href="#slide3"><img src="assets/img/slippry-03.jpg" alt="Check it out, you are going to class='red'>♥span> it :)">a>
  li>
 
ul>

و در مرحله آخر کافیست Slippry را فراخوانی کنید. فراخوانی را در داخل تگ head و در داخل یک تگ script می توانید انجام دهید:

1
2
3
4
5
$(document).ready(function() {
        jQuery(document).ready(function(){
            jQuery('selector').slippry()
        });
    });

حالا شما یک اسلایدر ریسپانسیو و مدرن دارید.

منبع : آموزش طراحی سایت





نوع مطلب :
برچسب ها : آموزش طراحی سایت،
لینک های مرتبط :
دوشنبه 20 فروردین 1397 05:52 ب.ظ
This thing appears stupid when ripped through the Davos context, as
well as it is pretty stupid even inside the Davos context.
دوشنبه 20 فروردین 1397 06:48 ق.ظ
Have been taking little over a month.
دوشنبه 20 فروردین 1397 04:04 ق.ظ
Permanent or temporary stick ones, even physique painting; the tattoo designers like to play with colours that make the butterfly wings.
دوشنبه 20 فروردین 1397 03:15 ق.ظ
1.) For day by day cleaning it is recommended to make
use of a simple jewelry sprucing fabric that's impregnated with special jewelry cleaner.
دوشنبه 20 فروردین 1397 03:11 ق.ظ
For these of you who're good at maths this needs
to be a problem. For these of you like me it may be a
nightmare.
دوشنبه 20 فروردین 1397 01:40 ق.ظ
Broken jewelry is probably the most helpful taken care of for
quality of time and energy to time. Make notice of any items she especially
likes.
دوشنبه 20 فروردین 1397 01:30 ق.ظ
One way to do this is so as to add "inclusions".
Nevertheless, that does not explain the difference within the claws noted above.
دوشنبه 20 فروردین 1397 01:10 ق.ظ
Wouldn’t it's superb to buy and sell numerous goods and providers.

Yes, it’s quite potential with a web-based exporter’s listing.
یکشنبه 19 فروردین 1397 11:21 ب.ظ
Here is my most readily useful of the best.
یکشنبه 19 فروردین 1397 08:52 ق.ظ
I fall in love with a bit of polymer clay or wire jewellery that I
see on the web and I am going to bookmark it so I can come again to it.
چهارشنبه 15 فروردین 1397 02:42 ق.ظ
Searching to take your website to another location degree?
سه شنبه 14 فروردین 1397 06:17 ب.ظ
Have been taking little over a month.
سه شنبه 14 فروردین 1397 05:12 ب.ظ
If you are mostly attracted to silver, you will gravitate in direction of
incorporating silver in your work.
دوشنبه 9 بهمن 1396 08:07 ب.ظ
عالی
شنبه 18 شهریور 1396 10:50 ق.ظ
Asking questions are genuinely pleasant thing if you are not understanding something totally,
except this paragraph offers pleasant understanding yet.
سه شنبه 2 خرداد 1396 04:33 ق.ظ
You really make it seem so easy with your presentation but I find this matter to
be really something that I think I would never understand.
It seems too complicated and very broad for me. I am looking forward for your next post,
I'll try to get the hang of it!
دوشنبه 28 فروردین 1396 07:03 ق.ظ
Excellent site you have here but I was curious
if you knew of any forums that cover the same topics discussed
here? I'd really love to be a part of online community where I can get advice from other experienced individuals that share the same interest.
If you have any recommendations, please let me know. Many thanks!
جمعه 25 فروردین 1396 02:17 ب.ظ
A motivating discussion is definitely worth comment. I think
that you need to publish more on this topic, it may
not be a taboo subject but usually folks don't discuss such subjects.
To the next! Kind regards!!
دوشنبه 21 فروردین 1396 03:53 ق.ظ
When someone writes an article he/she retains the thought of a user in his/her mind that how a user can be aware
of it. Thus that's why this paragraph is amazing.

Thanks!
 
لبخندناراحتچشمک
نیشخندبغلسوال
قلبخجالتزبان
ماچتعجبعصبانی
عینکشیطانگریه
خندهقهقههخداحافظ
سبزقهرهورا
دستگلتفکر


آمار وبلاگ
  • کل بازدید :
  • بازدید امروز :
  • بازدید دیروز :
  • بازدید این ماه :
  • بازدید ماه قبل :
  • تعداد نویسندگان :
  • تعداد کل پست ها :
  • آخرین بازدید :
  • آخرین بروز رسانی :