تبلیغات
وبلاگ الهام - اسلایدر ریسپانسیو
 
وبلاگ الهام
 
 
دوشنبه 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()
        });
    });

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

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





نوع مطلب :
برچسب ها : آموزش طراحی سایت،
لینک های مرتبط :


سه شنبه 9 خرداد 1396 03:28 ق.ظ
بسیار مطلب عالی بود!
ممنونم از وبلاگ خوبتون
پنجشنبه 31 فروردین 1396 03:36 ق.ظ
سلام و احترام خدمت مدیر وبلاگ!
گروه تبلیغاتی ما جهت افزایش بازدید وبلاگ شما اقدام به ارسال پیام به دیگر وبلاگها می کند.
شما میتوانید بسته های تبلیغاتی افزایش بازدید سفارش دهید و به راحتی بازدید وبلاگ خود را زیاد کنید.
برای اطلاعات بیشتر و سفارش به وبلاگ ما بیایید.
موفق باشید!

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


درباره وبلاگ


دوستان عزیز لطفا نظراتتون رو با ما در میان بگذارید

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

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