Search   
zStudio CMS Help
  • SETTINGS
    • ACCOUNT SETTINGS
      • Contact Info
      • Feedback Emails
    • WEBSITE SETTINGS
      • SEO Tools
      • CSS Editor
      • Google Analytics and other scripts
  • NAVIGATION
    • Website Menu Manager
    • Managing Website Menu
  • CONTENT
    • Online HTML Editor
    • Editor Overview
    • Text Formatting
    • Links, Emails and Anchors
    • Inserting Images
    • Tables
    • Responsive Web Design
  • IMAGES
    • Preparing Images for Website
    • Multiple Image Resizer
    • Website Image Bank
  • MEDIA
    • Adding Media Sections
    • Adding Articles
    • Downloads
    • Adding Video to a Web Page
  • PLUGINS
    • AJAX Plugins and Demos
    • Slideshow
    • Gallery Widget
    • Mini Gallery
    • Mini Gallery 2
    • Image Slider Plugin
    • Banner Block
    • Expandable / Collapsible Block
    • Tabbed Content
    • Accordion
    • News Ticker
    • Image Carousel
    • Image Carousel - River Style
    • Video Carousel
    • Latest News Widget
    • Testimonial Slider
    • Latest Project Widget
    • Line and Pie Charts Plugin
    • Web Poll Widget
  • TRAINING VIDEOS
    • Website Management
    • Online Editor Demos
    • Online Store
    • Real Estate Website Management
    • Видео на русском
  • HTML5 & CSS
    • CSS Examples - Images
    • CSS Examples
    • Blocks
    • One-Time Pop Up
    • CSS Accordion Block
  • ARTICLES

Image Carousel - River Style

Click here to view example

 

Creating Image Carousel

First, prepare images in JPG format and upload them into the image bank.

All images need to be the same size (view example below).

 

    

 

1. In the Control Panel, select PLUGINS / Image Carousel.

2. Select a number of images in row.

3. Type the carousel width (usually 100%).

4. Type a height of the image carousel.

5. Type a width of the image.

6. Type a Caption  for each Image.

7. Type an Image ID at the Image Bank.

8. Type a URL to link image to required page if you need it.

9. When finished, click SAVE button.

 

 
Integrating a Image Carousel into the page

To integrate an Image Carousel plugin into the web page, you need to type its integration code:

 

[ [ajax:z-carousel-river,1] ]

 

Where: 

1 - carousel ID

 

All Plugins

AJAX Plugins and Demos
Slideshow
Gallery Widget
Mini Gallery
Mini Gallery 2
Image Slider Plugin
Banner Block
Expandable / Collapsible Block
Tabbed Content
Accordion
News Ticker
Image Carousel
Image Carousel - River Style
Video Carousel
Latest News Widget
Testimonial Slider
Latest Project Widget
Line and Pie Charts Plugin
Web Poll Widget

 

 

 

 

 

 

 

 

 


Example


 

LOADING ...

 

 

 

 

 

 

 

           

 

 

 

           

 

 

 

| © WebAdelaide Studio |