Present your images in a fantastic slider with the choice of 16 unique transition effects. Supplied with many awesome CSS skins and great looking navigation control, the DMXzone Nivo Slider can be customized through the CSS to fit any website design perfectly.
No more tweaking your images to have the right size and making thumbnails manually - the integrated DMXzone Resizer comes to the rescue and with a single click it slices all the images to the right size, generates large size for the DMXzone Lightbox and small cropped size for thumbnails.
You can also create slideshows from dynamic source such as recordset or an RSS/ATOM Feed fetched with Feed Genie, it's all up to you.
How to: Styling the DMXzone Nivo Slider: Style your DMXzone Nivo Slider's
thumbnails, captions, bullets and arrows by color and size, you can do
that through the CSS.
The DMXzone Nivo Slider can be used as an Add-on for the Advanced HTML Editor 3.
Overview
Features Highlights:
- NEW: The DMXzone Nivo Slider is now fully responsive - It looks great on a desktop browser, phone or other mobile devices.
- NEW: Thumbnails can be used with all designs!
- NEW: 8 New Fantastic Designs included!
- NEW: New options for slider size and positioning -Now you can easily position and align the slider where you want it!
- 16 unique transition effects - You can choose between different transition for your slides, which are fully cross browser compatible and even run on iPhone/iPad.
- Many CSS editable skins supplied - Select one of the added skins or edit them through the CSS to fit your website perfectly.
- Great Dreamweaver integration - Interactive dialog in Dreamweaver with all the options you'll need.
- Cool looking navigation control - Available in many styles and fully stylable with CSS.
- Full support for dynamic Sliders - Now you can choose to connect your slider directly to a Dynamic Data Source like a recordset
- Title for each slide - A cool title can be displayed as additional slide info.
- Integrated DMXzone Resizer - Now resizing all your images super fast to a regular size for the slider and bigger size for display the image in DMXzone Lightbox. You can also generate image thumbnails.
- Timed transitions on slides - You can specify the duration of the slide and the transitions.
- Now also available as Advanced HTML Editor 3 Add-on!
* For complete Features overview press the Features in Detail
DMXzone Nivo Slider Review by Paul Ogier
Paul Ogier from Outsource House took the newly released DMXzone Nivo Slider under the loop and the result is this great review you can check out today.
Features
- The DMXzone Nivo Slider is now fully responsive - It looks great on a desktop browser, phone or other mobile devices.
- New options for slider size and positioning -Now you can easily position and align the slider where you want it!
- Integrated DMXzone Resizer - Resize all your images super fast to a regular size for the slider, bigger size for display the image in DMXzone Lightbox or as thumbnails.
- The DMXzone Nivo Slider
requires images with the same size for the best effects and the built-in
DMXzone Resizer slices and crops your images so they are just as
required.
- Preview of images, title and description - Awesome preview of your images, title and description directly in the User Interface.
- Rich HTML Description - Your description may contain any HTML code you want, including links and extra styling.
- Nivo Slider directly from dynamic sources like a Recordset and an RSS/ATOM Feed fetched with Feed Genie.
- Great integration with DMXzone Lightbox - Generates automatically DMXzone Lightbox links.
- 16 unique transition effects - You can choose between different transition for your slides, which are fully cross browser compatible and even run on iPhone/iPad.
- Many CSS editable skins supplied - Select one of the added skins or edit them through the CSS to fit your website perfectly.
Bar
Dark
Default
Impressed
Light
Minimal
Plastic
Simplicity
Basic
Basic with Thumbs
Cold
Featured
Featured with Thumbs
Fresh
- Cool looking navigation control - Available in many styles and fully stylable with CSS.
- Title and description for each slide - A cool title can be displayed and additional slide info.
- Timed transitions on slides - You can specify the duration of the slide and the transitions.
- An inline property inspector - The property inspector enables you to change several options after you’ve created the slider.
- Full support for the DMXzone Behavior Connector - You can easily bind other DMXzone extensions to your slides.
- Great Dreamweaver integration - Interactive dialog in Dreamweaver with all the options you'll need.
Integration in the Advanced HTML Editor 3
- Great Advanced HTML Editor 3 Integration - The DMXzone Nivo Slider is fully integrated into the Advanced HTML Editor 3, with the same beautiful style.
- Direct image upload from your computer - You can upload all the images needed for the Nivo Slider directly from your computer with the help of Pure PHP Upload 2/ Pure ASP Upload 3 and even resize them with Smart Image Processor ASP/PHP 2 on the go.
- Image upload from your Image Gallery Add-on - If you have the Image Gallery Add-on set in your editor, you can select the images directly from the gallery.
- Images upload from your File Manager Add-on - If you have the File Manager Add-on set in your editor, you can select the images directly from the manager.
- Timed transitions on slides - You can specify the duration of the slide and the transitions.
- Title and URL - You can add title and URL to any image you use for the Nivo Slider and also the titles can be HTML.
- Fully editable settings
- If you decide to change any setting at some later point, you can do
that from the user friendly interface, where you can set up how the
navigation will work and many other options.
Showcases
-
Grand Hotel Showcase
For this stunning hotel showcase we used the Advanced CSS Animator to create drop effect of the website sections on page load and also to animate the navigation menu buttons. Also the features images ...
-
Creative Studio Showcase
For this showcase we used a vertical and a horizontal HTML5 Parallax Sliders in order to design a stunning website for a creative studio. Within the HTML5 Parallax Slider we have a DMXzone Nivo ...
-
Iron Man Movie Page Showcase
For this showcase we used the DMXzone Nivo Slider in order to preview the images, the best possible way and enhance the user experience. The movie cast with detailed information is presented in a ...
-
Responsive Mobile Store Showcase
In this showcase, we built a web store for smart phones that has a responsive design and is easily navigated even on mobile devices and tablets. The images are previewed in the DMXzone Nivo Slider, ...
-
Sliding PayPal Shopping Cart Showcase
For this showcase we used the Sliding PayPal Shopping Cart to create a simple payment method that's been executed via PayPal. When you click the 'Order' button it adds a single item with its price to ...
-
Nivo Slider with Upload Showcase
In this showcase we created an upload page that features the DMXzone Nivo Slider for the images presentation. The form is styled with the DMXzone Uniform and the upload is generated with the Pure PHP ...
-
3D Artist Portfolio Showcase
In this showcase we featured the amazing work from the inspiring 3D Artist - Christian Ludmiloff in order to show you a finished Porfolio website, designed with the Portfolio Design Template & ...
-
Portfolio Showcase
For this showcase we used the Portfolio Design Template to create a simple front page showing some past projects. The slideshow on the top is built with the DMXzone Nivo Slider and the menu with the ...
-
Responsive Real Estate Showcase
For this showcase we made a simple site and used several images to create a slideshow with the DMXzone Nivo Slider. The width of the slider is set to 100% to make it responsive. To view the page on ...
-
Scuba Diving Showcase
For this Scuba Diving showcase we customized the navigation between the slides of the DMXzone Nivo Slider to match our design and also used the DMXzone Supersized extension for the background.
-
Dinner Menu Showcase
For the design of this showcase we used the newly added Light design and made it responsive so you can experience the power of the DMXzone Nivo Slider in your desktop browser as well as on a mobile ...
-
Valentine's Day Spa & Relax Showcase
For this showcase we used our DMXzone Nivo Slider 2.0 in order to create a fully responsive design that fits any modern browser and mobile device. With only a few beautiful images you can give your ...
-
Spa Hotel Showcase
For this showcase we used our DMXzone Nivo Slider extension to create an image slider with different transitions effects. Below we have four images that show some parts of the hotel. With the HTML5 ...
-
Interior Design Agency Showcase
For this showcase page we used our DMXzone Nivo Slider to create a slideshow. With the DMXzone CSS3 Drop Shadows we added different effects on the page: for the header we used curved shadow with ...
-
Winery Showcase
For this showcase we used our DMXzone Nivo Slider in order to make a stunning image presentation of the wine yard.
-
Full Content Editor Collection Showcase
For this showcase we enabled all existing Add-ons for the Advanced HTML Editor 3 so you can try the collection functionality online. In order to open the editor use CTRL+SHIFT+2 (username: demo; ...
-
Featured Items Showcase
For this showcase we used DMXzone Nivo Slider in order to highlighten some of the recipes in a great-looking slider.
-
DMXzone Tabs Showcase
In this showcase website you can see how easy it is to put all of your content on one page with the help of DMXzone Tabs, where you can divide it in categories, add images, tables and more.
-
Health Food Store demo
In this showcase you can try how the DMXzone Nivo Slider works as an Add-on for the Advanced HTML Editor 3. In order to open the Online Page Editor - CTRL+SHIFT+2 (username: demo; password: demo). ...
-
City Guide Showcase
Everyone can create a professional and informative website for travel agencies, tourists guides and other. In this showcase we have a fantastic and easy to use Universal CSS Navigation Menu for the ...
-
Nivo Slider, Lightbox & Feed Genie Showcase
Images from Picassa Web Album Tartan Collection 2005-2009 fetched with DMXzone Feed Genie and displayed with DMXzone Nivo Slider and DMXzone Lightbox.
-
DMXzone Nivo Slider & DMXzone Lightbox Showcase
The showcase is created using DMXzone Nivo Slider and DMXzone Lightbox. Click on any of the Slider images in order to preview them in a Lightbox window.
-
Sea Showcase
Ever thought about showing your holiday pictures in an extremely stylish way? Or maybe you want to promote your Beach house with stunning visual impressions to attract potential visitors? The ...
-
DMXzone Nivo Slider Showcase
In this showcase you can see how the DMXzone Nivo Slider runs on a website. We've set random effects to change between the slides, used the basic skin and added titles and description.
Videos
Using Nivo Slider within HTML5 Parallax Slider
Responsive DMXzone Nivo Slider
Inserting DMXzone Nivo Slider within the Accordion
Using DMXzone Nivo Slider with Online Page Editor
Using DMXzone Nivo Slider as an Add-on for the Advanced HTML Editor 3
Showing DMXzone Nivo Slider Images in a Lightbox
Pisaca User Album Photos as Source for DMXzone Nivo Slider
DMXzone Nivo Slider Basic Usage and Features
Creating a Dynamic DMXzone Nivo Slider
Requirements
History
Version 2.0.0
- The DMXzone Nivo Slider is now fully responsive - It looks great on a desktop browser, phone or other mobile devices.
- Thumbnails can be used with all designs!
- 8 New Fantastic Designs included!
- New options for slider size and positioning! Now you can easily position and align the slider where you want it!
- Full support for images with different sizes
- Option to start with a random slide
- Improved Dreamweaver integration and UI
- Many other improvements
Version 1.2.2
- New integration with File Genie ASP/PHP! Now you can use any folder as dynamic image source!
- Improved DW integration
- Improved installer for DW CS6
Version 1.2.1
- Added checks to require image ID when description is being used
- Improved integration with dynamic data
- Improved DW integration
- Latest jQuery 1.7.2 included
- Improved installer for for DW CS 5.5+ and Mac DW CS6
- Fixed saving of the slider width & height when used as dynamic slider
Version 1.2.0
- Now also available as Advanced HTML Editor 3 Add-on!
- New integration with the newest Smart Image Processor when using within the Advanced HTML Editor 3 as addon to crop images to exact same sizes.
- Included latest jQuery 1.6.3
- Optimized source and files for smaller size
- Improved automatic shared file copy, synchronization and upload from Dreamweaver
- Improved working in Dreamweaver templates
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 visited daily by more than 30.000 people and is most popular for its over high-quality Dreamweaver extensions and templates.
