Create a slideshow for a website

Demo - Transitions aléatoire

Introduction

Nowadays, it is common to see a photo slideshow on a website. On the home page of an information site, in the photo gallery of your next holiday spot, in the presentation of your favorite fashion article, in advertising display... But how are these slideshows created and integrated? to a website? This is the question we will answer on this page.

First, let's start by clarifying that there is not one but several methods, used by webmasters and web developers, depending on the specific needs of a project, customer requests, preferences and habits of each. One thing is for sure: in most cases, the webmaster or web-developer will prefer to use a dedicated program / code that will make it easier for them. As the saying goes, "it is useless to reinvent the wheel ".

Different methods

Among the known methods: CSS animations, Javascript program (with or without Canvas / WebGL), video recording, not to mention the Flash technology, always present on the web although obsolete.

Among the methods mentioned above, it should be noted that, although it may have advantages in terms of realization and editing, the use of video is not the preferred option unless it is proves indispensable. In most cases, for practical reasons, we prefer the slide shows in the form of code / script, computed "in real time" by the visitor's machine.

Indeed, in general, a program is more flexible, able to create "on demand" a customized slideshow, to change the behavior during the reading, according to the parameters, user events, etc. In addition, a program will be able to play the images / scenes in a truly random way, where a video will only repeat the same loop over and over again.

It is therefore important to find the program that will meet all the requirements, will be easy to use while allowing experienced developers the ability to create advanced animations.

JSlideshow

JSlideshow is a JavaScript-coded program dedicated to creating multimedia slideshows in an HTML canvas, designed to be both complete and flexible, while remaining extremely simple to use. A few lines of code are enough to create a modern slideshow with transitions. The many options available and the possibilities of modification / extension of the code allow a customization of the slide show or a more advanced use.

JSlideshow includes all the tools you need to create a slideshow:

Easy configuration & integration
More than 40 transitions animations
Management of multi-layer scenes
Animations of the cameras, scenes and graphics: zoom, rotation etc ...
Management of the order of appearance of the scenes / images with possibility of random reading
Choice of transitions between two scenes / images
Management of the order of reading transitions with possibility of random reading
Management of playlists ("Playlist")
Import of playlists in XML format (text and file)
Documentation in English and French

JSlideshow uses the Phaser 3 open source library, which makes it easier to understand, modify, extend, and even integrate into a Phaser project.

The source code is fully documented in English, and the program is provided with several pages of documentation, help, tutorials, demos, in French and English.

JSlideshow is distributed under a free license giving any holder of a legally owned license the right to use, modify and even redistribute the code (redistribution limited to certain strict conditions).Read more...



Access to premium space.
Unlimited download of program, source code, documentation and demos.
Right to use / modify the program, unlimited in time.
(*1)
Free updates.
Technical support.
Direct contact with the developers.
Offers limited in time depending on the duration of the pack purchased.
*1
Offer not limited in time, unlike the rest of the pack.
Starting from
10€

Content of the offer


IMMEDIATE PURCHASE

Purchasing a pack requires a member account. Registration is
free
and
without obligations
.
Secure payment with
PayPal Logo

ALREADY CLIENT?


More informations

For more informations, see the following pages:

For answers to all your questions, do not hesitate to get in touch with us, by mail, via the contact page or the forum.