PHPackages                             edofre/laravel-slider-pro - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Utility & Helpers](/categories/utility)
4. /
5. edofre/laravel-slider-pro

ActiveLibrary[Utility & Helpers](/categories/utility)

edofre/laravel-slider-pro
=========================

Laravel widget for slider-pro

V1.0.4(7y ago)102883MITPHPPHP >=5.6.4

Since Mar 23Pushed 7y ago1 watchersCompare

[ Source](https://github.com/Edofre/laravel-slider-pro)[ Packagist](https://packagist.org/packages/edofre/laravel-slider-pro)[ Docs](https://github.com/edofre/laravel-slider-pro)[ RSS](/packages/edofre-laravel-slider-pro/feed)WikiDiscussions master Synced 2mo ago

READMEChangelog (4)Dependencies (4)Versions (10)Used By (0)

Laravel slider-pro widget
=========================

[](#laravel-slider-pro-widget)

[![Latest Stable Version](https://camo.githubusercontent.com/4c653a0be542c933bf32fb71838a07d4430af538e4bdb1fe918847923ba73721/68747470733a2f2f706f7365722e707567782e6f72672f65646f6672652f6c61726176656c2d736c696465722d70726f2f762f737461626c65)](https://packagist.org/packages/edofre/laravel-slider-pro)[![Total Downloads](https://camo.githubusercontent.com/0633576390f9dfd2850845046eacf48d31f4cb6ffb78ac44e5b0eb0cf64460d3/68747470733a2f2f706f7365722e707567782e6f72672f65646f6672652f6c61726176656c2d736c696465722d70726f2f646f776e6c6f616473)](https://packagist.org/packages/edofre/laravel-slider-pro)[![Latest Unstable Version](https://camo.githubusercontent.com/179ad5ea9340deef94c56820e962578bab4cd7756d3934118824b183428ba01b/68747470733a2f2f706f7365722e707567782e6f72672f65646f6672652f6c61726176656c2d736c696465722d70726f2f762f756e737461626c65)](https://packagist.org/packages/edofre/laravel-slider-pro)[![License](https://camo.githubusercontent.com/384df5455f29eff259f271bb8c89c2070e27b037c050fd8f12a47cd037ceb9ba/68747470733a2f2f706f7365722e707567782e6f72672f65646f6672652f6c61726176656c2d736c696465722d70726f2f6c6963656e7365)](https://packagist.org/packages/edofre/laravel-slider-pro)[![composer.lock](https://camo.githubusercontent.com/0ad2801b45359671558b19e5a9ce1e52572c5380d8efbc06668bf3230122fd0f/68747470733a2f2f706f7365722e707567782e6f72672f65646f6672652f6c61726176656c2d736c696465722d70726f2f636f6d706f7365726c6f636b)](https://packagist.org/packages/edofre/laravel-slider-pro)[![Build Status](https://camo.githubusercontent.com/0cf382a7c78fd80d71a62704172250adda88afa1aaf1d8d4ece74f3572536480/68747470733a2f2f7472617669732d63692e6f72672f45646f6672652f6c61726176656c2d736c696465722d70726f2e7376673f6272616e63683d6d6173746572)](https://travis-ci.org/Edofre/laravel-slider-pro)

Installation
------------

[](#installation)

The preferred way to install this extension is through [composer](http://getcomposer.org/download/).

To install, either run

```
$ php composer.phar require edofre/laravel-slider-pro "v1.0.4"

```

or add

```
"edofre/laravel-slider-pro": "v1.0.4"

```

to the `require` section of your `composer.json` file.

### Note

[](#note)

The fxp/composer-asset plugin is required for this package to install properly. This plugin enables you to download bower packages through composer.

You can install it using this command:

```
composer global require "fxp/composer-asset-plugin:^1.3.0”

```

This will add the fxp composer-asset-plugin and your composer will be able to find and download the required bower-asset/slider-pro package. You can find more info on this page: .

Configuration
-------------

[](#configuration)

Add the ServiceProvider to your config/app.php

```
'providers' => [
        ...
        Edofre\SliderPro\SliderProServiceProvider::class,
    ],
```

And add the facade

```
'aliases' => [
        ...
        'SliderPro' => Edofre\SliderPro\Facades\SliderPro::class,
    ],
```

### Publish assets

[](#publish-assets)

Publish the assets

```
php artisan vendor:publish --tag=slider-\pro

```

Usage
-----

[](#usage)

Not all available modules are available as objects, these will be implemented at a later date, if you need exact/precise control please use the second method of creating the slider.

The following 2 ways are available to instantiate the slider:

### 1. You can use either the supplied php classes to generate the HTML

[](#1-you-can-use-either-the-supplied-php-classes-to-generate-the-html)

#### WIP

[](#wip)

```
use Edofre\SliderPro\Models\Slide;
use Edofre\SliderPro\Models\Slides\Caption;
use Edofre\SliderPro\Models\Slides\Image;
use Edofre\SliderPro\Models\Slides\Layer;

$slides = [
	new Slide([
		'items' => [
			new Image(['src' => '/images/test.jpg']),
		],
	]),
	new Slide([
		'items' => [
			new Image(['src' => '/images/test1.png']),
			new Caption(['tag' => 'p', 'content' => 'Lorem ipsum dolor sit amet, consectetur adipisicing elit.']),
		],
	]),
	new Slide([
		'items' => [
			new Image(['src' => '/images/test2.png']),
			new Layer(['tag' => 'h3', 'content' => 'Lorem ipsum dolor sit amet', 'htmlOptions' => ['class' => 'sp-black', 'data-position' => "bottomLeft", 'data-horizontal' => "10%", 'data-show-transition' => "left", 'data-show-delay' => "300", 'data-hide-transition' => "right"]]),
			new Layer(['tag' => 'p', 'content' => 'consectetur adipisicing elit', 'htmlOptions' => ['class' => 'sp-white sp-padding', 'data-width' => "200", 'data-horizontal' => "center", 'data-vertical' => "40%", 'data-show-transition' => "down", 'data-hide-transition' => "up"]]),
			new Layer(['tag' => 'div', 'content' => 'Static content', 'htmlOptions' => ['class' => 'sp-static']]),
		],
	]),
	new Slide([
		'content' =>
			'

			'
		,
	]),
	new Slide([
		'items' => [
			new Layer(['tag' => 'h3', 'content' => 'Lorem ipsum dolor sit amet']),
			new Layer(['tag' => 'p', 'content' => 'Consectetur adipisicing elit']),
		],
	]),
];

$thumbnails = [
	new \Edofre\SliderPro\Models\Thumbnail(['tag' => 'img', 'htmlOptions' => ['src' => "/images/ttest.jpg", 'data-src' => "/images/test.jpg"]]),
	new \Edofre\SliderPro\Models\Thumbnail(['tag' => 'img', 'htmlOptions' => ['src' => "/images/ttest1.png", 'data-src' => "/images/test1.png"]]),
	new \Edofre\SliderPro\Models\Thumbnail(['tag' => 'img', 'htmlOptions' => ['src' => "/images/ttest2.png", 'data-src' => "/images/test2.png"]]),
	new \Edofre\SliderPro\Models\Thumbnail(['tag' => 'p', 'content' => 'Thumbnail for video']),
	new \Edofre\SliderPro\Models\Thumbnail(['tag' => 'p', 'content' => 'Thumbnail 5']),
];
?>