tool internet     tool internet     siti Novara     PHP     MySQL     MySQL     esportazione dati     Google Search Appliance     MySQL     intranet     siti internet     e-commerce     intranet     Novara     intranet     developer     Google Search Appliance     webmaster     siti internet Novara     Piemonte     WEB     sviluppo     sviluppo     PHP     web sites     esportazione dati     internet     PHP     ecommerce     WEB     siti internet     jQuery     siti internet     siti web     siti internet     web developer     developer     iPhone     applicativi intranet     Novara     GSA     e-commerce     jQuery     iPhone     applicativi intranet     intranet     sviluppo     jQuery     siti internet     Google Search Appliance     importazione dati     webmaster     GSA     siti internet     siti Novara     tool internet     siti internet Novara     importazione dati     importazione dati     siti web Novara     web sites     web developer     MySQL     sviluppatore     siti web     WEB     GSA     GSA     siti internet     siti web     web developer     iPhone     mobile     siti web Novara     developer     webmaster     Milano     sviluppatore     internet     siti internet     tool internet     webmaster     ecommerce     ecommerce     developer     PHP     iPhone     e-commerce     internet     MySQL     siti internet Novara     e-commerce     siti Novara     siti web     Novara     internet     sviluppatore     importazione dati     developer     tool internet     Milano     siti internet Novara     siti web     Google Search Appliance     GSA     siti web Novara     mobile     internet     web developer     applicativi intranet     iPhone     intranet     esportazione dati     jQuery     esportazione dati     intranet     WEB     sviluppo     siti internet Novara     ecommerce     esportazione dati     siti internet     sviluppatore     e-commerce     web sites     web developer     sviluppo     applicativi intranet     web sites     intranet     siti internet     siti web Novara     mobile     ecommerce     Google Search Appliance     mobile     intranet     web sites     intranet     webmaster     intranet     Novara     Milano     sviluppatore     siti web Novara     WEB     mobile     importazione dati     jQuery     siti Novara     siti Novara     PHP     Milano     applicativi intranet  

SLICE CAROUSEL jQuery responsive carousel


SliceCarousel is a 3 slices responsive jQuery carousel.

Can use horizontal and vertical image mix.
Add links.
Allow to specify different mobile image for lower data transfer.
Preload next and previous image only.
Customizable sides percentage.


The carousel preload only the 3 main images and the next image coming in.
Once it does a full cycle it doesn't download the images anymore.


To add SliceCarousel to your page:
  • download the plugin and unzip it
  • copy sliceCarousel folder to your website
  • include jQuery javascript (.js) if you don't already use one, need to be version 1.7 or greater
  • include javascript (.js) and stylesheet (.css) in your document
							<!-- sliceCarousel CSS -->
							<link rel="stylesheet" type="text/css" href="../sliceCarousel/sliceCarousel.css">
							<!-- jQuery library -->
							<script src="../sliceCarousel/jquery-1.9.1.min.js"></script>
							<!-- sliceCarousel plugin -->
							<script src="../sliceCarousel/sliceCarousel-min.js"></script>
Add javascript to enable SliceCarousel when document is ready
							<script type="text/javascript">
								$(document).ready(function() {
										refresh: 5000,
										animateTime: 250,
										imageDelay: 100,
										imageDelayOffset: 0,
										imageProportion: "auto",
										textDelay: 150
Add an UL list with images, title (optional) and link (optional)
							<ul id="carouselSlices" style="display: none;">
								<li data-img="photo/1w.jpg"></li>
								<li data-img="photo/2w.jpg" data-title="Title here"></li>
								<li data-img="photo/3w.jpg"></li>
								<li data-img="photo/4w.jpg" data-link=""></li>					


Name Default Description
refresh 1800 time, in milliseconds, before next image
pauseOnClick false true or false, pause if next or prev clicked
mouseOnScroll true true or false, scroll with mouse
animateTime 300 time, in milliseconds, for image animation
imageDelay 200 time, in milliseconds, before side image move
imageDelayOffset 0.3 a latency for last image in %
textDelay 150 time, in milliseconds, for text to appear / disappear
textIfEmpty "hide" "hide" if no text is available on images title, "show" keep text background visible even on images without title
linkTarget "self" link target: "self" same page, "blank" new page
direction "rtl" direction of carousel: "ltr" left to right, "rtl" right to left
overLayer "" id of custom overlay (ex. "#my-id"), it fades out when carousel is ready
leftSliceW 15 left slice %
rightSliceW 15 right slice %
imgCounter true true or false, show image counter
disableDrag true true or false, disable image drag

Plugin version 0.7.3
Developed on jQuery 1.9.1
Works with jQuery 1.7 or higher.
The plugin is provided "AS IS" without warranty of any kind, express or implied.
Browser support
chrome safari firefox opera ie
tested on major modern browsers
Chrome 25, Safari 6, Firefox 19, Opera 12 and Internet Explorer 7+
tested on iOS 6 (iPad, iPhone)
tested on Android (Android and Chrome)
This plugin is licensed under Creative Commons Attribution-NoDerivs 3.0 Unported , you can use it in all you projects even commercial ones.

You may not alter, transform, or build upon this work.

Alain Franzoni   Viale Dante   28100 Novara (NO) Italy     email   P. IVA 01855800031