Slide any content and create stunning 3D depth illusion
Create stunning presentations with the HTML5 Parallax Slider. Divide your content into different slides and add multiple elements in each one to create awesome 3D depth illusion for your users, fully visual within Dreamweaver. Add any content in your slides like images, text, video, and any HTML content and more. The extension has full touch support so you can swipe between slides with your fingers when you are using mobile devices.
Choose one of the 7 designs or just customize them through the CSS to fit your page. The integrated DMXzone Image Resizer will help you set all your images in one size. Choose the duration of the slides as their transition - vertically or horizontally. Add as many elements as you need in every slide and adjust their position by dragging them fully visual in Dreamweaver design view. You can easily arrange the order of appearance and time transitions to create stunning 3D depth illusion effect.
Present your content in amazing Parallax slides - Create stunning presentations and organize your content slide by slide.
Awesome 3D depth illusion effect - Add multiple elements in every slide and create a 3D feeling for your customers.
Add any content - In your slide you can add whatever you want - images, text, video, HTML tags, URLs and more.
CSS3 Transforms - Uses CSS3
Transforms to deliver smooth animations with hardware acceleration on
mobile devices and the latest browsers that support the CSS3
Full touch devices support - You can slide by swiping with your finger touch when using a mobile device.
Full visual drag & drop design in Dreamweaver - Simply hover over the container, click and drag it in order to move it.
Parallax Slider General Properties
Customize your slides
- You can add and remove slides, set the starting slide and rearrange
the order. Adding and deleting images takes only a second or you can
just import a whole folder. It has integrated DMXzone Image Resizer to
help you with your images.
7 Amazing designs - Choose one of 7 stunning designs which are CSS based, so if you need you can customize them to meet your needs.
Set direction - Choose how you slides slide - horizontally or vertically.
Slide duration - Set the duration for each slide before going to the next one.
Effect duration - Use this option to set the time transition between the slides change.
Control the slides - Choose how your slides will be controlled - allow keyboard navigation, put auto play, pause on hover and more.
Paralax Slider Element Properties
- In every slide you can add as much elements as you want. Inside every
div container you can use any content - images, video, text, HTML tags,
URLs and more.
- Slide elements are easily controllable by the Z-index! The higher the Z-index, the more an element is on the foreground and the faster it slides! The lower the Z-index , the more an element is on the background and the slower it goes! All calculated and animated automatically for you!
- Set the time when your element will show on the slide. For example
if you put 2000ms the element will appear 2000ms after the Slide comes
Add images - Add images to the element.
Background color - Choose a background color for your element.
Transitions - Control the appearance and the outgoing for each element in your slide.
Set size - Set the size for the div element.
Position - Set the position for the element in the slide by entering values or just drag the container.
Element ID - Pick up a name for your div.
Full support for the DMXzone Behavior Connector - Bind your elements with other DMXzone extensions to trigger on show/hide element.
Container size - Set the dimensions for the slides.
ID name - Set the ID for your slider.
Full support for the DMXzone Behavior Connector - Set slide change to be a trigger and attach other DMXzone extensions.
Fully controllable by behaviors
- Set different elements to control the Parallax slider with one of
these actions - Go to next, play, stop, go to previous and jump to
Great Dreamweaver design preview - You can preview your parallax slider directly in Dreamweaver and see how it looks.
Powered by HTML5, CSS3 and jQuery - Full cross-browser support to deliver the best user experience across all browsers and devices! Uses No Flash at all!
George Petrov is a renowned software writer and developer whose extensive skills brought numerous extensions, articles and knowledge to the DMXzone- the online community for professional Adobe Dreamweaver users. His expertise in countless languages and technologies gives inspiration and teach valuable lessons on his website – DMXzone.com which is most popular for its over high-quality Dreamweaver extensions and templates.