Examples: Simple Javascript XML Slideshow

Go to Example 1 to test all the transitions.

SJXS: Generator

Simple-Javascript-XML-Slideshow_Example_Page_1

SJXS: Example 1


fade

This example allows you to check out all the transitions and the way you can manipulate those examples. Hopefully this is helpful at seeing the difference between your options. The transitions are also slower than normal so you can see more of what is happening. And the stop on click setting is turned on. So if you click on the previous or next buttons it will stop the slideshow from continuing automatically. Show example code below to see the code that is used for whichever transition you choose.


SJXS: Example 2

load_example

This example isn't changing any of the settings except for the transition. It's one of the wipe transitions and base transition speed being used. As well as the base css styles that are used for the look.


SJXS: Example 3

load_example
load_example

This example uses two slideshows next to each other showing how to make some basic css alterations to fit a look or web page. Another good example of making this slideshow fit your look would be at the top of this page.