Download the PHP package thomhines/square1 without Composer

On this page you can find all versions of the php package thomhines/square1. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.

FAQ

After the download, you have to make one include require_once('vendor/autoload.php');. After that you have to import the classes with use statements.

Example:
If you use only one package a project is not needed. But if you use more then one package, without a project it is not possible to import the classes with use statements.

In general, it is recommended to use always a project to download your libraries. In an application normally there is more than one library needed.
Some PHP packages are not free to download and because of that hosted in private repositories. In this case some credentials are needed to access such packages. Please use the auth.json textarea to insert credentials, if a package is coming from a private repository. You can look here for more information.

  • Some hosting areas are not accessible by a terminal or SSH. Then it is not possible to use Composer.
  • To use Composer is sometimes complicated. Especially for beginners.
  • Composer needs much resources. Sometimes they are not available on a simple webspace.
  • If you are using private repositories you don't need to share your credentials. You can set up everything on our site and then you provide a simple download link to your team member.
  • Simplify your Composer build process. Use our own command line tool to download the vendor folder as binary. This makes your build process faster and you don't need to expose your credentials for private repositories.
Please rate this library. Is it a good library?

Informations about the package square1

Square1

A very simple jQuery image/content slider that responsively handles images of any size or shape.

Requires jQuery

Demo

Installation

1) Manual installation

Download or copy the project files into your web-accessible assets directory, then load jQuery and Square1:

2) Composer (Packagist)

Install with Composer:

Then include files from your Composer vendor directory:

3) Git submodule

Add Square1 as a submodule:

Then include it in your page:

Usage

HTML

Each direct child of the slideshow container is wrapped in an internal slide element. You can use a flat list of images:

Or use rich slides (first <img> in each child is the photo layer; remaining markup is overlaid or non-image slides without an <img>):

JavaScript

Slideshow options

Pass an object of overrides to square1():

Defaults and meanings (see square1.js for inline comments):

Option Default Description
width '' Any CSS width. Blank uses stylesheet / block layout (demo uses full width).
height '' Any CSS height. When blank and aspect_ratio is also blank, the first decoded image sets aspect-ratio on the root so the box gets a height.
aspect_ratio '' Any valid CSS aspect-ratio (e.g. '16/9', '1.3'). When set, height is applied as auto so the box sizes from width and this ratio.
animation 'fade' 'fade' or 'slide'.
fill_mode 'cover' 'cover' or 'contain' — maps to object-fit on slide images.
scale_from 'center center' Default object-position for images (same keyword grammar as CSS).
start_delay 0 Milliseconds before autoplay when auto_start is true.
slide_duration 4000 Milliseconds each slide stays visible.
transition_time 500 Transition duration in ms.
lazy_load false When true, does not pre-load the sequential chain; images load when needed (still use data-src / data-srcset where appropriate).
auto_start true Start the timer automatically.
pause_on_hover false Pause autoplay while the pointer is over the slideshow.
keyboard true Arrow keys; tabindex is set when enabled.
gestures true Swipe to change slides on touch devices.
theme 'dark' 'dark' or 'light' UI chrome.
background 'none' CSS background on the slideshow root.
prev_next_nav 'inside' 'inside', 'outside', 'hover', or 'none'.
dots_nav 'inside' Same choices as arrows.
caption 'outside' 'inside', 'outside', 'hover', or 'none' — uses the caption attribute when present.
onLoad function () {} Fires when all slides have finished loading.
onPlay function () {} Fires when playback starts.
onStop function () {} Fires when playback stops.
onChange function () {} Fires after the active slide changes.

Remote control

License

Square1 is released under the MIT License. See the LICENSE file for full text.

Thanks

Thanks to the following image providers used in the demos:


All versions of square1 with dependencies

PHP Build Version
Package Version
No informations.
Composer command for our command line client (download client) This client runs in each environment. You don't need a specific PHP version etc. The first 20 API calls are free. Standard composer command

The package thomhines/square1 contains the following files

Loading the files please wait ...