Home   >>   mod_slicebox_slider
mod_slicebox_slider PDF Print E-mail

Responsive Slicebox Slider

Slicebox slider displays a slideshow with 3D running slice effects.



Compatible Joomla 3.0

LicenceGPL V2.0


   compat_25 Compatible Joomla 3.0 GPL - Free

Slicebox slider displays a slideshow with running slice effects. It is a responsive image slider Joomla! 2.5/3.0 module based on the Slicebox Revised plugin, the jQuery 3D image slider plugin of Pedro Bothelo from Codrops.

Module allows to define following settings:
  • conditional jQuery library loading (jQuery no conflict included)
  • conditional modernizr shiv loading (IE support)
  • data source: folder or module images parameters (next version will include J! article contents and K2 items)

  • gallery parametrisation:
    • max 9 slides (to cope with navigation control width at max resizing)
    • fixed (natural sort) / random sorting criteria
  • slider parametrisation:
  • Navigation controls:
    • type (none, bullets, play/pause)
    • hide/show arrows next/previous
    • background color
  • Caption parametrisation
    • caption box css
    • google font selection or not
    • caption title css
  • Images parameters (file name, title, url, target)

Demo: see it in action


The images used in the demos are by ND Strupler. They are licensed under the Attribution 2.0 Generic (CC BY 2.0).


Implementation notes:

- multiple module instances are supported,

- all images must have same physical size  and the original image size must have the width of the slider at full module size,
- the module requires jQuery version 1.7.2 at minimum and preferably jQuery 1.8.2. Check your html page generated code and adapt as needed,
- full CSS animation support for IE10, Safari and FF. Fallback implementation for IE8, IE9 and Opera until support for CSS 3D transform is implemented.


The modernizr library must be loaded and available when the first mod_slicebox_slider module is rendered.


  • If your template loads automatically the modernizr jquery library, you can disable the activation of the library load in all modules
  • in all other cases, activate the modernizr library loading in all modules (you are not always aware which module will be rendered first on each page in case modules are reused on several pages).
    Only one call to load the library will be issued.

Tested on following free templates:

  • beez5 (not responsive but you can play by resizing the window)
  • ja_elastica from Joomlart (fully responsive)
  • gk_musik from Gavick (fully responsive)

You need jQuery 1.7.2 version at minimum. Check the page html code to be sure that the jQuery library is loaded once only and with an adequate version.

During testing, I found that some templates (in particulary beez5) badly use css specificity and overrides systematically the slider generic css and therefore template need sometimes slight adaptations.

Do not hesitate to ask for support.

Please report any problem to the support forum but you need imperatavi#ease repoPlease repornut you need imperp/u l for 9sa.ss="tabber_item tabber_count_2vhen the title="">Sequentdsr9eecommon="tabber4,Captee red,("e redthe far (isform_params_easing_effect-lbl3te 3Mt" /gwate 3Mer4,C Mbaportto/u

    6phf9Dsph 7rto/u
Only one call to lwsbuith#_ dDownloa aleb1e>

Tested onbbe(s used in the demos are by _inactive" id="tabber_itlsphmMm/photosse"> li>get bdequate vepo the col s/icowbu 3M.

  • hider;pause)Documentation

    i>hisr;oos5buvi onlap.htmlid=""> uate ol s/icoi oez5avascriporum but you need iot always aware which module will be rendered first on each page in case modules are3reused on several pages).
    Only one call to loa3 the library will be issJoom

  • Teong>

    Slicebox slider displays a slng free V1.2: 04 N1emm

    %ery pxide need iV1.5.1 yl23 Februlab ubo3ou need i- bdeq alorm_rrighos ou need i- d" titbu> respomr tabber_edthe farecoe butay by resisingsphmobloou need iv1.5.2 yl23 Mab ubo3ou need i- r thvtitphpon ofparadlee ort

    Only one call to loa4 the library will be issef="

    TeD image slng free trst on each/> r="-mict included) JboidJ st:noneeport any problstrongred ot always aware which module will be rendered figelog">j25wnloadwnloadlider.ht\b/, lias_download">

    Teodernizr ng free templatees9esd overridesls5bu 3Maable wheap5buprnotheme"dnorum but you need aware which module will be rendered fi aware which module will be rendered fi aware whicsrc="/i1> age ewls8l whe canthe modernizr xt-alignLek (f age ewlsinientatiE scripts D right;yy load in all me scripts oadinlai>in e scripts