Registered users
Linkedin Twitter Facebook Google+
  This website uses its own cookies or from third parties Close
33HOPS, IT Consultants
33HOPS ::: Proveedores de Soluciones Informáticas :: Madrid :+34 91 663 6085Avda. Castilla la Mancha, 95 - local posterior - 28700 S.S. de los Reyes - MADRID33HOPS, Sistemas de Informacion y Redes, S.L.Info

Slideshow Carousel:
PHP/ HTML5 Ultra-lightweight Carousel

UPDATE:

20160310: added automated image preload (essential feature).

Compact, ultra small footprint, grabs images automatically, only depends on JQuery and PHP, responsive design, text overlay, smooth HTML5 transitions.

I needed an HTML5 carousel for one of my PHP projects, I browsed the Internet and could not find one that would meet my expectations: be low footprint and easy to configure, so I programmed this. To make it work you only need to put some images into the -slides- folder. In case you want to put some text on top of them you can edit these texts, nevertheless take on accound that texts integrated in the images will always look better than those overlayed in HTML.

FEATURES:

  • Ultra lightweight, low footprint.
  • Grabs images dinamically.
  • Responsive design.
  • JQuery is the only dependency.
  • Super easy to configure.
  • Overlay texts on top of every photo.
  • Can be easily integrated in your PHP project.


Download Slideshow Carousel

for PHP/ HTML5 projects



INSTALLATION:
  • Simply unzip the file contents to any place in your website folder structure. Add carousel.php as an include to any of your PHP pages:

  • require_once ( realpath(dirname(__FILE__) . 'carousel.php') );

  • Replace the pictures in the slides folder by your own pictures. Make sure that they have at least read permission.
  • Edit the texts in the carousel.php page if you want texts over the photos.
  • Tweak the accompanying .CSS file to meet your design requirements in terms of dimensions, colors, types, etc...
  • Adjust the image time by changing the var: var imgTime = milliseconds;
Slideshow Carousel will automatically grab all the images from the slides folder and iterate through them with a smooth HTML5 transition effect.



Website Map
Consultancy
IT Manager
In Site
Resources & help
Index of Docs
33HOPS Forum

Fill in to download
The download link will be sent to your e-mail.
Name
Lastname
E-mail


            Read our Privacy Policy