Code Monkey home page Code Monkey logo

supersized-slideshow-silverstripe-module's Introduction

Supersized Slideshow Silverstripe Module

Changelog for version 0.3

  • No more SuperSizedImage children pages, upload your images to a folder and celebrate!
  • New SuperSizedPageHolder page type : index with thumbnails to multiple galleries
  • Silverstripe 2.4.x module

Author contact

Luis E. S. Dias
[email protected]

About

Silverstripe 2.4.x module to create a fullscreen background slideshow

Github repository

https://github.com/luisdias/Supersized-Slideshow-Silverstripe-Module

Notes

jQuery libray loaded from Google at SuperSizedPage.ss file
jQuery plugin from http://buildinternet.com/project/supersized/

Installation

Unpack the files in a folder called supersized
Run dev/build

Usage

  • SuperSizedPageHolder ( if you plan to have multiple galleries as children pages )
  • At the CMS add a new page of "Super Sized Page Holder" type
  • At the "Main Content" tab set the thumbnail width
  • At the "Main Content" tab set the thumbnail height
  • At the "Main Content" tab select the thumbnail rollover effect
  • SuperSizedPage
  • At the CMS upload your images to a folder
  • At the CMS add a new page of "Super Sized Page" type
  • At the "Main Content" tab select the image folder
  • At the "Main Content" tab select the image for thumbnail (for SuperSizedPageHolder)
  • At the "Main Content" tab select if you want the images file names to be formatted
  • At the "Options" tab set the parameters for the jQuery plugin

supersized-slideshow-silverstripe-module's People

Contributors

luisdias avatar

Stargazers

 avatar

Watchers

 avatar  avatar

Forkers

rickmasters

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.