Wordpress plugins
Responsive Slider – Image Slider – Slideshow for WordPress

Responsive Slider – Image Slider – Slideshow for WordPress

Version : 4.0.6
Tested up to : 4.8.2
Number of download : 1981402
Author : Huge-IT
Average rating : 4 / 5 on 327 votes 327 votes, 4 avg.rating

Screenshots

Responsive Slider – Image Slider – Slideshow for WordPress
Responsive Slider – Image Slider – Slideshow for WordPress
Responsive Slider – Image Slider – Slideshow for WordPress
Responsive Slider – Image Slider – Slideshow for WordPress

Slider – Image Slider Check out useful links and demo page, get support or contribute for Slider WordPress Slider Slider Demo Slider FAQ Slider User Manual Slider Support Slider Forum Slider GitHub Project The slider is the best solution for those who wants to demonstrate images and videos in a superb way: you can reach this result due to the Huge-IT Slider. When to create the Slider Huge-IT takes into consideration not only the design but the functionality as well. So let’s enjoy the Slider which has been made by following the latest design tendency. Creating Slider with Huge-IT is easy, it works very fast. You can add images from computer, and upload a bunch of new images from Media Library at once. Arrange the Slider according to your taste easily by drag and drop function. It is very simple to create slider for your WordPress site, you can add videos and images, as well as, add a slider to the posts, pages and template files. The slider allows to have unlimited amount of images/videos with their titles and descriptions. The slider uses auto generated shortcodes for making it easier to add it to the custom location. Huge-IT Slider aims to make your website more attractive and good-looking. The slider has many functions, you can create slider not only with photos, but also with videos from the most popular resources such as Youtube and Vimeo. Add for your slider title and information, select how to demonstrate the slider and choose one of the sixteen arrows for the navigation. The main features Unlimited amount of images to be added. Wit the slider you can add for the images/videos title and description Possibility to add URL to tailor specific pages. Possibility to use different slider for different pages Auto generated shortcode for the easier process of adding the slider to the posts/pages/template The Slider descriptions and titles can include hyperlinks Possibility to add slider in widgets right from the widgets admin panel Possibility to use unlimited slider in one page. Smart target feature of the slider is that inner links will open within the page, whereas outsourced links will open in a new page. Plugin supports HTML in the titles and descriptions. Drag and Drop functionality: Drag and drop images to rearrange their sequence Ability to build quality, responsive WordPress slider in a seconds Slider looks great on various devices Upgrade to WordPress Slider Pro to add some more features: Video Slider – YouTube & Vimeo sites Posts Slider ( content slider ) Supports 16 different Navigation Buttons 9 different positions for Slider Title and Description within image Ability to change colors of title and description Ability to change font size of Title and Description on image Full Design Management Plugin provides with the support, upon request within 24 hours Provides attractive and stunning interface More about options Plugin supports all the necessary features to create your desired. Slider allows to choose such kind of features like slider width and height, one of the amazing 16 effects, decide the pause time, position, loading icon, navigation type, pause on Hover or Video Auto Play. Width and height Slider width and height is for making the image size within the slider more accurate. What you need is just give the right size for the images of the Slider Plugin. What are the Slider effects for After choosing width and height look how many effects we have to make your slider more beautiful. Suggests to select among 16 interesting effects for showing the slider images and videos. About pause time The aim of the pause time is for setting the time on slider to pause. Just write a number for selecting the right time to pause the slider images and videos. About change speed This option allows you to choose the speed time that you like to have for your slider images. Just write the speed time and enjoy the result. What is loading icon for If you would like to have loading icon on your slider then click on the loading icon and select on. You can disable the loading icon on the images/videos as well. Navigation type Plugin offers three type of navigation’s, which are the following: Dots, Thumbnails and No Navigation. When to choose the dots you see some circles on your slider that shows how many photos do you have on your slider If you would like to see all the photos under the slider then select thumbnails icon. Choose no navigation if you want the images of slider to be changed by clicking on it. What is pause on hover for Click on the icon pause on Hover if you want the navigation to be stopped when the mouse pointer is on the slider images. About autoplay Click on video auto play if you want to start the slider videos automatically when you enter the website. Unlimited Amount Of Images Create a slider with unlimited number of images, make your slider look rich and perfect, create as many slider as you want. All these are possible with Huge-IT Slider Plugin. Custom Options For Each Slider You can adjust each slider by using Current Options. This options give the opportunity to see all the customization options such as resizing, navigation, speed, loading icon, animations and many other interesting options. Fully Responsive Responsive design is a must have, in order to be available for all the visitors. Plugin can be used on different mobile devices, as the slider is much more flexible for any screen sizes. Major feature – responsiveness also is in the title and description of the slider. Title And Description You can add Title and Description for all the images within the slider it will beautifully overlay on the slider image with the slightly transparent background. Custom URL For Each Slide When adding an image in Slider, you can make it so it links to a specific page. URL link for each image, and works on image click. Dosen Of Style Options In general options of Huge-IT Slider you can find various settings, which will help you to make slider look and function even better. Post Slide Using Post Slide you can slide your posts in our beautiful slider using posts by category or just recent posts from all categories. Youtube Slide Slide all your YouTube videos using our fancy Slider plugin.Easily add the links of the youtube videos into the Slider Plugin, do some adjustments and enjoy watching them and scrolling with beautiful effects. Vimeo Slide Create a slider with your Vimeo videos. It’s very easy – insert the video link into the slider and slide each video with different effects and other modern features. 16 Navigation Buttons Style We have collected a large selection of different navigation arrow types for the slider, in order to fit any design of your website. Thumbnails Navigation Navigate images and videos in slider using thumbnail images, with this superb feature you can see previous and next slides before sliding. Navigation Dots Styles When you choose dots to slide the images within the slider in you are able make some color and position customization from the slider General Options. Demo 1 Mixed Slider Mixed Slider is the way to show images and videos in one slider. Your rich content, consisting of videos and images will look amazing all together collected in one slider, using beautiful effects and other options make your website look unrepeatable. Demo 2 Youtube Slider Slider for YouTube videos, presentation of unlimited number of YouTube videos in one Slider. Slightly make your preferable customization on slider and enjoy scrolling YouTube links in powerful slider plugin. Demo 3 Vimeo Slider Our well know Vimeo source can be integrated in slider. Using Vimeo links collect all of your favorite videos in one Slider and nicely scroll them. Make changes on slider to give your videos more specific view and enjoy. Demo 4 Post Sliders Post Slider will hep you to watch your best posts with our best slider. Use different effects and all slider tools for sliding a sertain category of the posts, or just last posts. Demo 5 Thumbnail Navigation Navigate by thumbnails is modern and convenient demonstration for your website slider. It allows to see the thumbnails of your other slides, and by sliding you may follow and learn which slide is coming next. Demos. Mixed Slider Youtube Slider Vimeo Slider Post Sliders Thumbnail Slider FAQ & User Manual FAQ User Manual If you think, that you found a bug in our WordPress Slider plugin or have any question contact us at info@huge-it.com 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 Step 2. Adding Slider. To add a Slider, go to Huge IT Slider > Slider >Add New Slider. 2.1 Click on Add Images. 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 Loading Icon. ON – will enable the loading spine on the place of the slider when the site is slow 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 Behavior 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. Border radius. Set the border radius of the slider corners. Slider Loading Image. Pick up some loading icon for the slider loading 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 border radius. Set the border radius for the title. Title position. Define the position of the title within the slider, using the view graph. 4.4 Navigation Thumbnails Styles 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 4.5 Navigation Dots Styles. 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 Dots Color. Select the dot color for the navigation. 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 Behavior – 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. Each image has the possibility to add additional link which will direct to another page from your slider images. 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.

Download now