# WordPress.org

## Plugin Directory

Test out the new Plugin Directory and let us know what you think.

## Slider

Slider Huge-IT is an awesome WordPress Slider Plugin with many nice features. Just need to install and build slider in a few minutes.

### WordPress Slider step by step guide

#### Step 1. Installation of Slider plugin

• To install Slider plugin go in Plugins > Add New > search for slider plugin, after you find Huge-IT Slider, click on > Install Now > as soon as slider plugin is installed, press on > Activate and slider is ready to work with.

For the PRO version of slider installation is almost the same

• Plugins > delete the FREE version of the slider from WordPress > Add New > Upload Plugin> use the zip file of the Huge-IT slider which you get after the purchase, and after installation again activate the slider.

After activation you can see Huge-IT Slider on the left toolbar

• To add a Slider, go to Huge IT Slider > Slider >Add New Slider.

• Using Standard Media Upload option you should select the images you want to add to your slider. Images in slider can be added multiple at once, Pressing ctrl and selecting several images, add all in the slider with one click.
• Let's have a look at the individual features of the images.
• Title. Here you can provide a Title which will lay on the slider image.
• Description. Provide the details for the slider image. This will be visible above the image, so it is advised to make it as short as possible
• URL. This is an optional feature. You can provide a link on the slider to take to specific location on your website or another website. The URL should be provided in http:// form. Clicking on the image of the slider you will be straight directed to that URL link.

2.2 Video Slider (pro)

• The slider in professional version allows to add videos from Youtube and Vimeo sources.
• Press on “Add Video Slide” and in the Popup paste the link of the video
• Add a few configurations, such as:
• Quality. This is the default quality level of the video
• Volume. The default volume level of the video
• Show Controls. Select if you want to see the controllers of the video in the slider
• Show info. This can be the title and other layers on the video which comes from the vimeo or youtube straight on the slider

#### Step 3. Current Options.

This is the free options of the slider which allow to configure most basic settings, which is important for having a nice slider in your site.

• Width. Specify the width of the slider in pixels.
• Height. Specify the height of the slider in pixels.
• Effects. Select the effect of the slider transition which will be applied.
• Pause time. Specify the pause time for the WordPress Slider in milliseconds.
• Change speed. Specify the change speed of the slider effect in milliseconds.
• Slider Position. Slider can be placed on Left Right or Center within your page
• Navigate By. This option allows to turn off any navigation, and make it dots or arrows
• Pause on Hover. Choose whether to pause when the mouse is above the slider or leave it changing to the next image.
• Video AutoPlay (PRO) This will allow the video in the slider to autoplay
• Random. The option slides the image in the slider \in random order

#### Step 4. Editing General Options.

• To change the styles and colors of the slider you should go to Huge IT Slider > Slider Options.

4.1 Slider Styles

The general styles of the slider which can make it look as desired>

• Background Color. Select the background color for the image in the slider, when Image Behaviour is set on ”Natural” this shows some background in the slider. The color will be visible with during the slide change within specific effects.
• Image Behavior. “Natural” and slider will show images in real proportions, otherwise will stretch them due to the slider size
• Border size. Set the border around the slider.
• Border color. Select the slider’s border color.

4.2 Description Styles

The description of the slider lays on the slider in any position, and it has some styles options listed below:

• Description Color. Set the color for the slider image description.
• Description background color. Choose the color for the cell containing the slider image description.
• Description font size. Specify the font size for the slider image description.
• Description border size. Specify the border for the slider image description.
• Description border color. Select the border color for the slider image description.
• Description border radius. Set the border radius for the slider image description cell.
• Description position. Select the positioning of the description within the slider. Please make sure it does not coincide with the slider title position avoiding overlapping.

4.3 Title Styles

Slider has a title which is accomplished with the number of style option available here:

• Title Color. Set the color for the title on the slider.
• Title background color. Choose the color for the cell containing the title.
• Title font size. Specify the font size for the image title of the slider.
• Title border size. Set the border for the title.
• Title border color. Select the border for the title.
• Title position. Define the position of the title within the slider, using the view graph.

Navigation thumbnails will help to show the other images of the slider, make them looks nice by configuring several options.

• Count of Thumbs Slides. The number of the thumbnail images that are shown on the slider
• Slider Thumb Height. Set the height of the thumbnail image
• Thumbnails Background Color. In case if the images are different there can be background
• Passive Thumbnail Overlay Color. The overlay of the image which is not selected
• Passive Thumbnail Overlay Transparency. The transparency of the non selected thumbnail

Slider offers several navigation types, such as dots and arrows, which styles can be picked up here:

• Navigation Dots Position. Set the position for the navigation dots within the slider, it has two positions .
• Navigation Active Dot Color. Specify the color for the dot for the currently displayed image.
• Show navigation Arrows. Select to navigate the images in the slider using arrows
• Navigation Type. Select the type of the navigation arrows to be used for the website. There are 13 different types for the slider

#### Step 5. Inserting the Slider.

You should use the automatically generated codes. The shortcodes of the slider are in the Usage section, Slider has 2 types of shortcodes. One for the Slider in post or page, the other one, which is php shortcode is made for a Slider integration into the template area

5.1 Inserting the Slider into the Post or Page.

• In the Post or Page the shortcode takes the following form: [huge_it_slider id=N] , where N is the number ID of the created WordPress Slider. Copy and Paste the Shortcode into the Visual Editor of the post/page, if you forgot to copy the shortcode, the slider plugin provides a button in the post/page editor, clicking on the button will automatically add the shortcode of your Slider in the page.

5.2 Inserting the Slider into the template.

• The shortcode can be easily inserted into a template/theme which corresponds to the WordPress standards. To do so go in Appearance > Editor > choose the appropriate file, where you want to have the slider and insert the following shortcode:

• Where N is the number ID of the created Slider.

• Make sure the php shortcode of the slider is not inserted in another php code of the theme, in order the slider could function properly.

5.3 Use the Slider into the widget.

• Slider can be easily inserted into the widget area of your template and be see in the sidebar. By going into Appearance > Widgets find the Huge-IT Slider block, then drag and drop it into the right place, Save the results and watch the slider in your sidebar.

#### Step 6. Some useful notes

6.1 Media Formats

• Slider plugin in Free version can accept the following media formats: jpeg, png, gif

• Slider plugin in Pro version besides the formats listed above can also accept video links from YouTube and Vimeo.

6.2 Slider Background Transparency

• Slide has a background, which can be seen if you select Image Behaviour - Natural from general Options, this option will show every image with its natural dimensions, and as the images are different the slider can have a background, in case if you want to back the background of the slider transparent then use the following codes:

Slider.php file

• Line 1271

.huge_it_slideshow_image_wrap_<?php echo $sliderID; ?> { background:<?php list($ri,$gi,$bi) = array_map('hexdec',str_split($paramssld['slider_slider_background_color'],2)); echo 'rgba('.$ri.','.$gi.','.$bi.',1)';?>;


Write 0 instead of number 1

6.3 Put two sliders side by side

• Please try to do the following: search the .huge_it_slideshow_image_wrap_ { code in the slider.php file (it is approximately in the 997 line). Press the enter and write the float: left; after the brace { and then write the width of the two sliders, which may fit your theme container on the frontend (you can change the width of the slider’s from the current options).

• Huge-IT Slider Plugin suggests various effects for demonstrating your images beautifully. What you need to do is just apply one of fifteen engaging effects to slider images.

• Each Slider effect has been selected carefully to supply the best solutions for your Slider images.

• Slider plugin provides the option to control the quality of your videos within Slider. From admin panel you are able to show info for each slider video ticking next to Show info.

• Slider plugin supplies with volume control option for each video slider gallery. Those videos within the slider could be auto played due to Video Autoplay Option. Slider speed can be changed

• That is not all. The Huge-IT Slider Plugin suggests interesting solutions for Blogs. Users can utilize Post Slide option which takes the images of your blog post into the slider automatically.

• You can define the place for slider on your website whether to show slider on the left/right and center.

• Two types of navigation is provided by Slider plugin which follows: Dots also Navigation. Selecting one of these navigation types visitors of your website could smoothly changing images/videos of your slider.

• Through Add Video Slide button you can insert various beautiful videos into slider from two famous sources like Vimeo also YouTube. After which your visitors will enjoy sliding videos on your slider.

• General Options provide features to select one of interesting icons for slider image/video navigation.

• Slider allows to add unlimited number of images/videos into slider in free also pro version. Also plugin provides with the ability to create unlimited number of Slider.

• Slider Plugin is easy to use by due to providing user-friendly admin section.

Requires: 3.0.1 or higher
Compatible up to: 4.7.1
Last Updated: 1 week ago
Active Installs: 100,000+

#### Ratings

4.3 out of 5 stars

### Support

12 of 17 support threads in the last two months have been marked resolved.

Got something to say? Need help?

### Compatibility

WordPress Plugin 4.7.1 4.7 4.6.2 4.6.1 4.6 4.5.5 4.5.4 4.5.3 4.5.2 4.5.1 4.5 4.4.6 4.4.5 4.4.4 4.4.3 4.4.2 4.4.1 4.4 4.3.7 4.3.6 4.3.5 4.3.4 4.3.3 4.3.2 4.3.1 4.3 4.2.11 4.2.10 4.2.9 4.2.8 4.2.7 4.2.6 4.2.5 4.2.4 4.2.3 4.2.2 4.2.1 4.2 4.1.14 4.1.13 4.1.12 4.1.11 4.1.10 4.1.9 4.1.8 4.1.7 4.1.6 4.1.5 4.1.4 4.1.3 4.1.2 4.1.1 4.1 4.0.14 4.0.13 4.0.12 4.0.11 4.0.10 4.0.9 4.0.8 4.0.7 4.0.6 4.0.5 4.0.4 4.0.3 4.0.2 4.0.1 4.0 3.9.15 3.9.14 3.9.13 3.9.12 3.9.11 3.9.10 3.9.9 3.9.8 3.9.7 3.9.6 3.9.5 3.9.4 3.9.3 3.9.2 3.9.1 3.9 3.8.17 3.8.16 3.8.15 3.8.14 3.8.13 3.8.12 3.8.11 3.8.10 3.8.9 3.8.8 3.8.7 3.8.6 3.8.5 3.8.4 3.8.3 3.8.2 3.8.1 3.8 3.7.17 3.7.16 3.7.15 3.7.14 3.7.13 3.7.12 3.7.11 3.7.10 3.7.9 3.7.8 3.7.7 3.7.6 3.7.5 3.7.4 3.7.3 3.7.2 3.7.1 3.7 3.6.1 3.6 3.5.2 3.5.1 3.5 3.4.2 3.4.1 3.4 3.3.2 3.3.1 3.3 3.2.1 3.2 3.1.4 3.1.3 3.1.2 3.1.1 3.1 3.0.5 3.0.4 3.0.3 3.0.2 3.0.1 3.0 2.9.2 2.9.1 2.9 + 3.2.1 3.2.0 3.1.99 3.1.98 3.1.97 3.1.96 3.1.95 3.1.94 3.1.93 3.1.92 3.1.91 3.1.90 3.1.89 3.1.88 3.1.87 3.1.86 3.1.85 3.1.84 3.1.83 3.1.82 3.1.8 3.1.7 3.1.6 3.1.5 3.1.4 3.1.3 3.1.2 3.1.1 3.1.0 3.0.9 3.0.8 3.0.7 3.0.6 3.0.5 3.0.4 3.0.3 3.0.2 3.0.1 3.0.0 2.9.9 2.9.8 2.9.7 2.9.6 2.9.5 2.9.4 2.9.3 2.9.2 2.9.1 2.9.0 2.8.9 2.8.8 2.8.7 2.8.6 2.8.5 2.8.4 2.8.3 2.8.2 2.8.1 2.8.0 2.7.9 2.7.8 2.7.7 2.7.6 2.7.5 2.7.4 2.7.3 2.7.2 2.7.1 2.7.0 2.6.9 2.6.8 2.6.7 2.6.6 2.6.5 2.6.4 2.6.3 2.6.2 2.6.1 2.6.0 2.5.5 2.5.4 2.5.3 2.5.2 2.5.1 2.5 2.4.9 2.4.8 2.4.7 2.4.6 2.4.5 2.4.4 2.4.3 2.4.2 2.4.1 2.4 2.3 2.2 2.1 2.0 1.0 = Works! Broken :( Not enough data

0 people say it works.
0 people say it's broken.

 0,1,0 100,1,1 0,1,0 0,1,0 0,1,0 100,1,1 100,1,1 100,1,1 100,3,3 100,1,1 100,1,1 100,1,1 50,2,1 100,1,1 75,4,3 0,1,0 100,2,2 0,1,0 0,1,0 67,3,2 100,1,1 100,1,1 100,1,1 100,4,4 0,1,0 80,5,4 50,2,1 0,2,0 0,1,0 100,1,1 100,1,1 0,1,0 100,1,1 0,2,0 0,1,0 0,1,0 50,2,1 100,3,3 100,1,1 0,1,0 100,1,1 100,1,1 100,1,1 0,1,0 0,1,0 0,1,0 100,1,1 0,3,0 0,1,0