سورس کد اسلایدر دیجی کالا


اطلاعات پروژه

فریلنسر حسین حسنی
نام کاربری teleskop
دسته بندی پروژه
تاریخ ثبت ۷ آبان ۱۳۹۵
تعداد نظرات ۲
قیمت قیمت اصلی ۱۰,۰۰۰ تومان با ۱۰ درصد تخفیف ۹,۰۰۰ تومان


امکان خرید از درگاه های بانکی و کیف پول

برای دانلود بعد از خرید به همین صفحه برگردید تا لینک های دانلود نمایش داده شود

انتشار پروژه ها و مطالب سایت در سایت دیگر ممنوع بوده و پیگرد قانونی دارد

سورس کد اسلایدر دیجی کالا


اسلایدر دیجی کالا

سورس کد اسلایدر دیجی کالا حتی پیشرفته تر
 
امکان لمسی بودن به اسلایدر اضافه شده.
 
امکان انتخاب سه حالت برای تعویض تصویر اسلایدر و ...
 
دقیقا شبیه دیجی کالا 
 
بدون استفاده از افزونه خارجی
 
کدنویسی کاملا خالص
 
این فایل به صورت یک پلاگین کدنویسی شده که به راحتی میتونین از اون در پروژه هاتون استفاده کنین و تنظیمات دلخواهتون رو روی اون انجام بدید.

به صورت زیر :

فایل های slider.css و pure.css رو در قسمت head صفحه فراخوانی کنید :

<link rel="stylesheet" href="../common/pure.css"/>
 <link rel="stylesheet" href="slider.css"/>
سپس کتابخانه جی کویری و جی کویری موبایل و فایل slider.js رو فراخوانی کنید :
<script type="text/javascript" src="../common/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="slider.js"></script>
<script type="text/javascript" src="../common/jquery.mobile.custom.min.js"></script>

 

و در آخر افزونه رو به شکل زیر در کدهای html صفحه صدا بزنید :

به ویژه برای دانشجویان طراحی وب خیلی مناسبه.

$('#slider').djSlider({
        navigationSupport: true,  // or : false
        slideTime: 4000,  //ms
        autoSlide_outAnimation: 'fade',  // or : swipeRight , swipeLeft , fade
        speed: 500,  // ms
        autoSlide_inAnimation: 'fade',  // or : swipeRight , swipeLeft , fade
        swipeRight_outAnimation: 'swipeRight',  // or : swipeRight , swipeLeft , fade
        swipeLeft_outAnimation: 'swipeLeft',  // or : swipeRight , swipeLeft , fade
        swipeRight_inAnimation: 'swipeRight',  // or : swipeRight , swipeLeft , fade
        swipeLeft_inAnimation: 'swipeLeft',  // or : swipeRight , swipeLeft , fade
        prevBtn_outAnimation: 'fade',  // or : swipeRight , swipeLeft , fade
        nextBtn_outAnimation: 'fade',  // or : swipeRight , swipeLeft , fade
        nextBtn_inAnimation: 'fade',  // or : swipeRight , swipeLeft , fade
        prevItemCaption_outAnimation: 'fade',  // or : swipeRight , swipeLeft , fade
        prevBtn_inAnimation: 'fade',  // or : swipeRight , swipeLeft , fade
        nextItemCaption_outAnimation: 'fade',  // or : swipeRight , swipeLeft , fade
        prevItemCaption_inAnimation: 'fade',  // or : swipeRight , swipeLeft , fade
        nextItemCaption_inAnimation: 'fade',  // or : swipeRight , swipeLeft , fade
        captionSupport: true,  // or : false
    })
        autoSlide: true,  // or : false
        pauseOnHover: true,  // or : false
        touchSupport: true  // or : false
همچنین میتوانید از نمونه ای که براتون گذاشتم  برای یادگیری استفاده کنین.
پروژه های مرتبط
وب سایت معرفی محصولات آرایشی و بهداشتی با Asp.Net MVC سورس کامل راه اندازی درگاه بانک سامان با استفاده از برنامه نویسی شی گرا با PHP با Api اتصال به درگاه پرداخت اینترنتی پرداخت الکترونیک سامان ( سامان کیش ) سورس بارگزاری تصویر با Asp.Net Core با روش کدفرست لینک دانلود موقت در php سورس ارسال پیام با firebase cloud messaging در Asp.Net MVC سورس کد پروژه ی ارسال ایمیل انبوه با C#.Net سورس مگا منوی دیجی کالا سورس کامل راه اندازی درگاه بانک ملی با استفاده از برنامه نویسی شی گرا با PHP سورس کامل راه اندازی درگاه بانک ملی با PHP سورس کامل راه اندازی درگاه بانک پاسارگاد با برنامه نوسی شی گرا با PHP سورس کد درگاه پرداخت آنلاین همراه با ارسال پیامک و ایمیل در Asp.net Mvc Core سورس دیکشنری با Asp.Net Core سورس کد اسلایدر داینامیک همراه با مدیریت کامل با Asp.Net Mvc Core ماشین حساب ویندوز 8 با جی کوئری نقشه گوگل JF Google Maps فارسی CComment Pro Content Templater pro بازی تحت وب مار و پله با جاوا اسکریپت و جی کوئری سورس کامل اتصال به درگاه زرین پال با PHP بازی Maze بازی Gauntlet Master سورس کامل راه اندازی درگاه بانک سامان با استفاده از برنامه نویسی شی گرا با PHP سورس کامل راه اندازی درگاه بانک سامان با PHP سورس صفحه بندی با ایجکس در MVC 5 سورس کد اسلایدر داینامیک همراه با مدیریت کامل در Asp.Net MVC سورس کامل دیکشنری با الگوی شی گرا با php آموزش و سورس کد درگاه پرداخت بانک ملت با PHP

Captcha
نظرات کاربران
  • hamed.design1990 پاسخ

    hamed.design1990 ۱۹:۸:۲۸   ۱۳۹۷/۳/۲۱

    پس چرا ریسپانسیو نیست ؟ من به هوای اینکه ریسپانسیوه اینو گرفتم !! لطفا بنویسید که ریسپانسیو نیست !!! آخه کی الان سایت بدون ریسپانسیو بودن طراحی میکنه ؟ این الان به چه درد من میخوره ؟

    • حسین حسنی پاسخ

      حسین حسنی ۱۹:۲۰:۱۴   ۱۳۹۷/۳/۲۱

      سلام

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

      تشکر