包简介

Um componente Blade robusto e flexível para integração do Tiny Slider em aplicações Laravel.

README 文档

README

Um componente Blade robusto e flexível para integração do Tiny Slider em aplicações Laravel.

Instalação

A maneira preferida de instalar esta extensão é através do [composer] composer.

Ou corre

$ composer require dynamikasolucoesweb/laravel-tiny-slider "*"

ou adicione

"dynamikasolucoesweb/laravel-tiny-slider": "*"

à seção require do seu arquivo composer.json.

Requisitos do Layout

Para que os assets (CSS e JS) sejam injetados corretamente, certifique-se de que seu arquivo de layout principal (ex: layouts/app.blade.php) contenha as pilhas (@stack) correspondentes: @stack('styles') @stack('scripts')

<head>
    @stack('styles')
</head>
<body>
    {{ $slot }}

    @stack('scripts')
</body>

Opções de Assets

Você pode usar o :cdn="true" no componente para começar a utiliza-lo. Ele utiliza o Cloudflare para entregar o CSS e o JS do Tiny Slider. Graças ao uso de @pushonce, esses arquivos são carregados apenas uma vez, mesmo que você utilize múltiplos sliders na mesma página.

Usando Assets Locais (Vite/NPM)

Se preferir gerenciar os assets localmente:

Instale a biblioteca:

npm install tiny-slider

No seu resources/js/app.js:

import { tns } from 'tiny-slider';
window.tns = tns;

No seu resources/css/app.css:

@import 'tiny-slider/dist/tiny-slider.css';

Uso Básico

Você pode carregar os assets via CDN, permitindo o uso imediato sem configurações adicionais de compilação.

<x-tiny-slider :options="['items' => 1, 'autoplay' => true]" :cdn="true">
    <div class="banner">
        <img src="banner1.jpg" alt="Slide 1">
    </div>
    <div class="banner">
        <img src="banner2.jpg" alt="Slide 2">
    </div>
</x-tiny-slider>

Opções do Componente

Atributo	Tipo	Descrição
options	array	Opções nativas do Tiny Slider (items, speed, mode, etc).
container	string	Tag HTML do container `default: div`
cdn	boolean	Se true, carrega assets via Cloudflare.
id	string	ID HTML customizado. Se omitido, um ID aleatório é gerado.
exportName	string	Nome da variável JS para acessar a instância do slider.
clientScript	string\JsExpression	Função JS callback executada após o init. `example: slider => console.log(slider)` `example: console.log(my_export)`

Exemplo Avançado

Simulando um carrossel de banners dinâmicos com scripts customizados:

<x-tiny-slider 
    :options="[
        'autoplay' => true,
        'controls' => false,
        'mouseDrag' => true,
        'items' => 1
    ]"
    exportName="meuSlider"
    clientScript="function(slider) { console.log('Slider ID:', slider.getInfo().container.id); }"
>
    @foreach($banners as $banner)
        <div class="item">
            <a href="{{ $banner->link }}">
                <img src="{{ $banner->image_url }}" alt="">
            </a>
        </div>
    @endforeach
</x-tiny-slider>

Authors

Giordani da Silveira dos Santos - giordani@dynamika.com.br

This project is under BSD-3-Clause license.

dynamikasolucoesweb/laravel-tiny-slider 适用场景与选型建议

dynamikasolucoesweb/laravel-tiny-slider 是一款基于 PHP 开发的 Composer 扩展包，目前已累计 3 次下载、GitHub Stars 达 0，最近一次更新时间为 2026 年 02 月 27 日，在 PHP 生态内属于活跃度较高的组件。

它主要适用于以下技术方向：「laravel」「dynamika」「tiny-slider」等业务场景。在实际项目中，围绕这些方向常见需要落地的问题包括：接口对接、性能调优、并发安全、与既有框架（Laravel / ThinkPHP / Yii / Webman 等）的兼容适配，以及生产环境的日志埋点与稳定性保障。

我们在过去多个企业项目中使用过 dynamikasolucoesweb/laravel-tiny-slider 或与其功能相近的方案，如果你在选型或落地过程中遇到问题，例如 版本兼容、二次改造、私有化封装、与内部系统对接、生产 BUG 排查，欢迎联系我们协助评估。

围绕 dynamikasolucoesweb/laravel-tiny-slider 我们能提供哪些服务？

定制开发 / 二次开发

基于 dynamikasolucoesweb/laravel-tiny-slider 在你已有业务上做功能扩展、字段裁剪、UI 适配、与内部账号 / 权限 / 日志系统的深度对接。

BUG 修复 & 性能优化

线上偶发问题、内存泄漏、慢查询、并发异常等排查修复；针对高流量场景做缓存、队列、索引层面的调优。

项目外包 & 长期维护

承接完整的项目从需求 → 设计 → 开发 → 上线 → 长期运维；也可按月提供技术保姆服务。

yvsm@zunyunkeji.com QQ：316430983 微信：yvsm316 西安尊云信息科技 · 专注 PHP / Go / 分布式系统研发

与 dynamikasolucoesweb/laravel-tiny-slider 相关的其它包

同方向 / 同关键字的高下载量 PHP Composer 包推荐，方便对比选型：

dynamikaweb/yii2-cookieconsent-widget 0

Cookie Consent is a lightweight JavaScript plugin for alerting users about the use of cookies on your website.

foxtes/alfabank-rest 1

Alfabank REST API integration

dynamikaweb/yii2-hgbrasil-weather 0

HGBrasil api, weather, previsao do tempo

dynamikaweb/yii2-citta-api 0

Citta api dataprovider for Yii2.

dynamikasolucoesweb/laravel-vlibras 0

O Laravel VLibras é a maneira mais rápida e eficiente de integrar o widget oficial de acessibilidade do Governo Federal em aplicações Laravel.

dynamikasolucoesweb/laravel-adaptive-menu 0

Complex, adaptable, responsive and self-correcting menu for Laravel.

dynamikasolucoesweb/laravel-tiny-slider

包简介

关键字：