Back to Top
The nuts and bolts for
Creative web development

DMXzone Nivo Slider

“The most awesome jQuery image slider now as Dreamweaver extension”

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

 

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.


 
  • 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


  • Luxury Beach Villa Showcase

    For this showcase we used DMXzone Bootstrap 3 Navigation in order to create a fully responsive navbar, which becomes collapsible when viewed on mobile devices. We also added a fully responsive ...

  • Web App Landing Page Showcase

    In this showcase we used DMXzone Bootstrap 3 for the page layout, DMXzone Bootstrap 3 Elements for the content, DMXzone Font Awesome for the customized icons and DMXzone Nivo Slider for the amazing ...

  • Hotel Accommodation Showcase

    For this one page scrollable showcase we used the DMXzone Nivo Slider in order to pack our images in an awesome jQuery image slider. We selected the 'simplicity' skin for the slider that offers quick ...

  • Photography Awards Showcase

    For this showcase we used DMXzone Nivo Slider in order to present the photographs in an awesome jQuery image slider. The 'simplicity' skin allows you to quickly navigate through the images.

  • Restaurant Menu Showcase

    For this showcase we used a few DMXzone extensions in order to create a beautiful restaurant menu. The responsive layout and the content are executed with DMXzone Bootstrap and its Bootstrap Elements ...

  • Sky Diving School Showcase

    For this showcase we used the Starter template, which is one of the supplied templates in DMXzone Bootstrap. Also we added the images in a beautiful slideshow with the help of DMXzone Nivo Slider.

  • Golf Club Showcase

    For this gold club showcase page we used the DMXzone Nivo Slider for the images slideshow and DMXzone Bootstrap for the responsive layout.

  • Surfing Club Showcase

    For this showcase we used the DMXzone Bootstrap extension in order to create a responsive grid layout so that our page looks awesome on mobile devices, tablets and desktop browsers. Also we used the ...

  • Green Business Page Showcase

    For this showcase we used the DMXzone Bootstrap extension to create a fully responsive design layout suitable for mobile devices, tablets and desktop browsers. We also included the DMXzone Nivo ...

  • Game Site Showcase

    For this showcase we used the DMXzone Bootstrap in order to create a responsive design that looks amazing on any mobile phone, tablet and modern desktop browser. The images preview are awesomely ...

  • 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


Requirements

Type: Behavior
License: External link
Product: Dreamweaver CS3, Dreamweaver CS4, Dreamweaver CS5/CS5.5 and CS6, Dreamweaver CS5.5, Dreamweaver CC
Browser: IE 7, IE 8, iPad, IE 9, Safari 5+, Firefox 3.6, Firefox 4+, Chrome 10+, Opera 11
Screen Shot: External link
Tags: css, skins, slider, nivo, dreamweaver, extension


History

Version 2.5.1

  • Included the latest jQuery 1.11.1
  • Improved for Dreamweaver CC 2014
  • Improved for DMXzone Extension Manager

Version 2.5.0

  • Full support for Internet Explorer 11
  • Improved compatibility as add-on in Advanced HTML Editor 3
  • New toolbar icons for the Bootstrap style of Advanced HTML Editor 3
  • Included latest jQuery 1.10.2

Version 2.0.1

  • Full Dreamweaver CC and Extension Manager CC support
  • Updated the automatic file copy and update component for better Dreamweaver CC support
  • Improved compatibility with the latest jQuery
  • Included latest jQuery 1.10.1
  • Improved Windows 8 compatibility

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
NOTE: You must update each old Nivo Slider instance by opening the Nivo Slider dialog from the "Slides" button on its property inspector and then just clicking on the OK button. This will update your Nivo Slider to the latest structure and copy the latest files needed for version 2.0.0

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

George PetrovGeorge 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.

See All Postings From George Petrov >>

Share this Article

Reviews

NivoSlider

I used NivoSlider and used jQuery components indvidualy prior to my purchase of this extension from DMXzone. Your version makes life a lot simpler and is easy to configure. I am very satisfied with this application and highly recommend it.

S Cannon
Faifaire Media Arts

Keep up the fanastic work

On first impression I like DMXzone Nivo Slider but I am still exploring all the features of same. My experience so far has been that it is very easy to use, easy to edit afterwards and does exactly what it says on the tin! but then that applies to all your extensions that I have tried so far.What I really like is that the fact that it works on smart phones.

Just the ticket

I was looking for a 'Flash' style image transition plugin for DW and found this. It's clean and simple to use, and the effects are superb. Well done chaps.

Martin Abel 

Impressed!

There are quite some features that make the Nivo Slider worth its offer. But what I think makes it a very handy tool is its ease of integrating images dynamically stored in a database system. So you can just design an interface for your designers to upload and edit images they want as part of a set of slides and jiffy it is implemented!
See all 6 Reviews