GithubHelp home page GithubHelp logo

marwa124 / laravel-slider Goto Github PK

View Code? Open in Web Editor NEW

This project forked from webelightsolutions/laravel-slider

0.0 1.0 0.0 130 KB

Image slider using Laravel

License: MIT License

PHP 61.54% HTML 35.38% JavaScript 2.25% CSS 0.83%

laravel-slider's Introduction

laravel-slider

Image slider using Laravel

Demo

new1 1

Preview

new2 1

Following are the step to configure Image Slider

Step 1:Laravel slider plugin requires the following components to work correctly

Intervention Image

Step 2:copy vendor using composer

composer require webelightdev/laravel-slider dev-master


Or, you may manually update require block and run `composer update`

"require": {
   
    "webelightdev/laravel-slider": "dev-master"
}

'composer update' will be required.

step 3: Once Laravel Slider is installed, You need to register the Service Provider in config/app.php Add following in providers list

'providers' => [
 // ...
    Webelightdev\LaravelSlider\ImageSliderServiceProvider::class,
 // ...

]

step 4: To publish the Config, Migration, Service Provider and Facades Run

php artisan vendor:publish

step 5: Finally, run migration to generate table Run

php artisan migrate

step 6: This packager Required Auth login if you don't have Auth login Run

php artisan make:auth
php artisan migrate

step 7: Add following link in your blade file for load CSS and Javasript

   <script src="{{ asset('vendor/assets/js/custome.js') }}"></script>
   <link href="{{ asset('vendor/assets/css/custome.css') }}" rel="stylesheet">

you can view laravel slider by writing:

localhost/yourapp/slider

laravel-slider's People

Contributors

jbavaliya avatar yashbarot avatar

Watchers

James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.