=== Juna-IT Slider === Contributors: Juna-IT Donate link: http://juna-it.com/index.php/photo-slider/ Tags: gallery, image, image slider, images, jquery, layer, responsive, shortcode, slider, slideshow, swipe, widget Requires at least: 3.0.1 Tested up to: 4.4.2 Stable tag: 1.0.2 License: GPLv2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Revolutionary slider from Juna IT. This slider is different from all of its charm. In WordPress sliders Our slider gives you many useful functions. == Description == ### Configurations * [URL](http://juna-it.com/index.php/photo-slider/) * [Demo Version]( http://juna-it.com/index.php/image-slider-demo) * [FAQ](https://wordpress.org/plugins/slider-image-responsive/faq/) * [Support Forum](http://juna-it.com) Juna Slider . Full Width Slider #### WordPress Demo Version 3 ways to demonstrate images will make you satisfy with the look of your slider. Among the views you can find. * Juna-IT Slider * Full Width Slider * Different Size Slider Slider Image options for 3 views > #### Juna-IT Slider Demo Version >[* Juna-IT Slider - Demo Version - 1](http://juna-it.com/index.php/image-slider-demo/) > >[* Juna-IT Slider - Demo Version - 2](http://juna-it.com/index.php/juna-it-slider-image-2/) > >[* Juna-IT Slider - Demo Version - 3](http://juna-it.com/index.php/juna-it-slider-image-3) > >[* Juna-IT Slider - Demo Version - 4](http://juna-it.com/index.php/juna-it-slider-image-4/) > >[* Juna-IT Slider - Demo Version - 5](http://juna-it.com/index.php/juna-it-slider-image-5/) > > #### Different Size Slider Demo Version >[* Different Size Slider - Demo Version - 1](http://juna-it.com/index.php/different-size-slider/) > >[* Different Size Slider - Demo Version - 2](http://juna-it.com/index.php/different-size-slider-2/) > >[* Different Size Slider - Demo Version - 3](http://juna-it.com/index.php/different-size-slider-3) > >[* Different Size Slider - Demo Version - 4](http://juna-it.com/index.php/different-size-slider-4) > >[* Different Size Slider - Demo Version - 5](http://juna-it.com/index.php/different-size-slider-5/) > Slider Image General Options are available for commercial version users. Here are 3 views (Juna-IT Slider, Full Width Slider, Different Size Slider), which customization can be done from general options. Customize your slider according to your website, it gives you opportunities to change ratings styles, pagination styles, load more styles for your slider image. WordPress Slider Image Responsive Plugin is one of the best in WordPress Slider plugin category. Considering the large number of plugins in WordPress, Juna-IT company day by day will improve and enhance the functionality of products, and keep on adhering to the first position among WordPress Slider Image Responsive plugins. Juna-IT Slider Image Responsive is a WordPress Slider Plugin designed to create Elegant and Beautiful Slider Image Responsive Albums along with Images. Creating beautiful and elegant slideshows with photo slider plugin is fast and really easy. Photo Slider plugin is created for the people, who want Photo Slider to be screened for their website by different design and beauty. now you can also add any Image. Photo Slider plugin is created for the people, who want Photo Slider to be screened for their website by different design and beauty. now you can also add any Image. Simple and easy to use slider interface allows you to create sliders in mere seconds simply select images from gallery add layers and your slider is ready. Slider's sleek animations gives professional and modern look to your website. So We are sure your Photo Slider will always satisfy you. Each of the versions are made by specific style according to your preference and corresponding to your website. Photo Slider plugin is a real miracle. The product includes plugin for adding Photo Sliders and albums to posts and pages, as well as multiple widgets. Completely responsive Slider plugin use Shortcodes to embed Slideshows in your website. ### The features of the slider * Possibility of adding unlimited sliders and unlimited slides for each slider Image. * Possibility to add URL to tailor specific pages to the slider. * Smart target feature, so that inner links will open up within the page, whereas outsourced links will open in a new page. * Autoplay configurations. * Touch Swipe Navigation. * Drag and drop slider creation. * Fully responsive and Mobile features - Advanced mobility gallery. Slider implemented with advanced settings for different devices screen size. * Visual slide editor with zoom and desktop, tablet and mobile models. * Slide background image with transparent color overlay. * Shortcode for easy insert of the slider into post/pages. * Possibility to provide titles for the slides. * Extremely user friendly admin panel. * Slide pause on mouse over. * Layer Delay Time. * Layer Text Size. * Layer Text color. * Layer Background Color. * Possibility to use different sliders for different pages. * Possibility to change design for the bullets, navigation buttons. * Design customization for almost all features. * Possibility of sorting the Image. * Multiple Image Uploader. * Enable/Disable Slider Title. * Enable/Disable Slide Title. * Enable/Disable Slide Description. * Enable/Disable Navigation Bullets. * Enable/Disable Slide Thumbnails. The powerful plugin settings panel makes deep customization possible. It means that the interface is adaptive, user can add or remove slider navigator, slider arrow navigator , or any decoration interface. When touch the Slide, it will freeze and then move to the direction that finger swipes to. ### Fully Responsive Plugin can be used on different mobile devised as it’s flexible for any screen size. As a very important feature – responsiveness is on title and description of the slider as well. ### Compatible Browsers * IE8+ * Firefox * Safari * Opera * Chrome * iOS browser * Android browser Beyond the features mentioned above, there are lots of other WordPress slider features inside of the plugin. You gain the benefit of an intuitive user interface that makes slider management easy, simple to understand slider options, and a plethora of hooks and filters to manipulate the slider output. ### Why Choose this Plugin? Soliloquy is the best choice for a WordPress slider plugin because it is fast, extremely intuitive and super easy to use. You can get your slider going in just a matter of seconds. In fact, take a look at how easy it is to create a WordPress slider. ### Shortcode Using [Juna_Photo_Slider id="1"] shortcode, you can publish image slider in any Page or Post in your WordPress sites. If in this plugin you have found a mistake, or if you have some question , please read support. if there is no information which can help you, do not be ashamed, click here to contact us and ask your question Thanks for downloading and installing plugin. You can show your appreciation and support future development 3 ways to demonstrate images will make you satisfy with the look of your slider. Among the views you can find. * Juna-IT Slider * Full Width Slider * Different Size Slider Slider Image options for 3 views > #### Juna-IT Slider Demo Version >[* Juna-IT Slider - Demo Version - 1](http://juna-it.com/index.php/image-slider-demo/) > >[* Juna-IT Slider - Demo Version - 2](http://juna-it.com/index.php/juna-it-slider-image-2/) > >[* Juna-IT Slider - Demo Version - 3](http://juna-it.com/index.php/juna-it-slider-image-3) > >[* Juna-IT Slider - Demo Version - 4](http://juna-it.com/index.php/juna-it-slider-image-4/) > >[* Juna-IT Slider - Demo Version - 5](http://juna-it.com/index.php/juna-it-slider-image-5/) > > #### Different Size Slider Demo Version >[* Different Size Slider - Demo Version - 1](http://juna-it.com/index.php/different-size-slider/) > >[* Different Size Slider - Demo Version - 2](http://juna-it.com/index.php/different-size-slider-2/) > >[* Different Size Slider - Demo Version - 3](http://juna-it.com/index.php/different-size-slider-3) > >[* Different Size Slider - Demo Version - 4](http://juna-it.com/index.php/different-size-slider-4) > >[* Different Size Slider - Demo Version - 5](http://juna-it.com/index.php/different-size-slider-5/) > Slider Image General Options are available for commercial version users. Here are 3 views (Juna-IT Slider, Full Width Slider, Different Size Slider), which customization can be done from general options. Customize your slider according to your website, it gives you opportunities to change ratings styles, pagination styles, load more styles for your slider image. Install and enjoy! == Installation == ### First download plugins ZIP file. 1. Go to Plugins page, and add new plugin 2. Then go to Plugins page Add New > Upload Plugin 3. Click "Choose file" then select the - zip file 4. Then Install and activate the plugin 5. That's all, now you can build Slider forms. If any problem occurs, contact us at [junait.com@gmail.com](mailto:junait.com@gmail.com). == Frequently Asked Questions == = What are the plugin requirements? = Featured Articles requires at least WordPress 3.0.1 and a modern web browser. No support for IE8 or below. = How does support and updates work? = that wise men answered a thousand years ago. Working from home meant we could vary snack and coffee breaks, change our desks or view, goof off, drink on the job, even spend the day in pajamas, and often meet to gossip or share ideas. On the other hand, we bossed ourselves around, set impossible goals, and demanded longer hours than office jobs usually entail. It was the ultimate 'flextime' in that it depended on how flexible we felt each day, given deadlines, distractions, and workaholic crescendos. = Can I upgrade after the initial purchase? = Yes. License upgrading is quite easy. After your initial purchase, if you want to ugrade, visit this page. All prices will be discounted based on the initial purchase that you made. = How can I add Slider on widget? = Go to your widgets page, then add our plugin widget to your sidebar. After that choose your Slider Name. If you think, that you found a bug in our [WordPress Plugin](http://juna-it.com) plugin or have any question contact us at [junait.com@gmail.com](mailto:junait.com@gmail.com). = Can I embed the Slider manually? = Yes, just post the following syntax in any post / page: [Juna_Photo_Slider id="xxx"], where 'xxx' is the ID. = I have already purchased Personal version, how do I upgrade it to Developer version, without buying it again? = If you have any pro version of our plugin or our products and want to upgrade it, you do not need to buy the new one, you only need to pay the difference price. For that simply contact [junait.com@gmail.com](mailto:junait.com@gmail.com) and we will help you to pay the difference. = I have paid for pro version and did not get the link or file to update = If you made purchase and did not get the file, or file was corrupt, contact us by [junait.com@gmail.com](mailto:junait.com@gmail.com) and send ' order number ', we will check and send you the file as soon as possible == Screenshots == 1. Admin Page 2. Admin Page 11. Admin Page 12. Admin Page / New Image 22. General Options 23. Juna-IT 33. Juna-IT 34. Juna-IT == Changelog == = 1.0.2 = * Added new Gallery type: 'Different Size Slider' = 1.0.1 = * Added new Gallery type: 'Full Width Slider' = 1.0.0 = * Adding Photo Slider by Juna-IT ### WordPress Image Slider Step by step guide **Step 1: Installing the Slider** * Minimum requirements. * Wordpress 3.4+ * PHP 5.x * MySQL 5.x Perform a new installation. Log in to the administrator panel. Go to Plugins Add > New > Upload. Click Choose file (Browse) and select the Image-Slider.zip file. Click Upload&Install button. Click Activate Plugin button for activating the plugin. If the installation succeeded you will see the success message. If any problem occurs, please click here to [contact us.](mailto:junait.com@gmail.com) == WordPress Add an Image Slider == Of this admin page you may start creating your Slider, add new Image Slider pressing on "add new" Image Slider. ### Step 1 Creating an Image Slider **Starting to create our Image Slider** * As a first step you should specify the name of the slider. * Slider Name. Provide a name for the slider. * Below you will be able to add slides. ### Add unique Title to your images, to complete your slider. * **Image Title** - Important possibility to add title to each image in the gallery. The Image title can be seen not in all views, but some of them have a place for it. Image Slider accomplished with title looks rich and perfect. * **Add images from Media Library** - You can select images to use within the slider which are currently uploaded to your Media Library by clicking on those and pressing " Insert into post " button. In addition, you can upload new files, navigating to the Upload Files tab on the left. Then press Select Files button, choose the image and press Insert button. This way the image will be added to the slider. **Add Image URL** - You can also add images providing the absolute link to it. Press Add Image URL, provide the link and press Add button. This will be useful for adding images to the slider without the need of downloading those and uploading again. **Add Image** - In addition to images, you can instead use images within the slider from web site URL. You should click on the Add Image button, provide the link to the image and press Add button. The image associated with the web site image will be automatically displayed as a slider image. **Remove** - You can use Remove button to remove the slider image. * **Link** - You can add a link to another page that is related to the image slider. * **Image Slider Open in New Tab** - Choose whether to publish "" or not. * **Press Save button.** **Quantity Images are unlimited. Quantity depends on your wishes. If you want to add one more you must click on "Add New Image". By clicking the button below you will see a sequence of windows. If you want to delete one of the creatures Sliders clicking on the icon at the top of the bin will be deleted.** If you are finished slider creation and want to keep it, in the upper right side you'll see the SAVE button. Clicking on it will be Saved. After This in admin page you will see Image Slider created by you. ### Slider Manager. **After you created Image Slider on the Slider manager are 6 blocks.** * No - Here is located the number Of your slider. * Slider Title - Here you will see slider title wrote by you. * Quantity Image Slider - How many Images you created. * Type - Determine preferable type of your image slider. * Shortcode - Here you will see sliders shotrcode which you can copy and Paste[Juna_Photo_Slider id="1"] where you want to see your slider. * Actions - Edit. Press Edit you can make some changes, if you want to add or remove anything on slider. * Actions - Delete: Press Delete image slider created by you will delete. ### Slider General Options Starting to create an effect. * As a first step you should specify the name of the slider. * Slider Name. Provide the name. * Below you will be able to change slider options. ### General option * **Autoplay** - Choose whether to autoplay the sliders or not. * **Change speed** - Specify the change speed in milliseconds. * **Pause time** - Set the time interval for the change of the sliders in milliseconds. * **Slider Duration** - Set the time interval for the change of the slider duration. * **Slider Spacing** - Space between containers image. Set the padding level between each item container image slider. * **Arrow Steps** - Set the arrow steps to change slider image. ### Container Options * **Image width** - Define the gallery width for the mmage browser view option. * **Image height** - Specify the gallery image height for the image browser view option. * **Border Width** - Set the width of borders. * **Border style** - Choose the style to be applied to the border of the sliders. * **Border style** - Select the border style for the images. * **Border Color** - Choose the color of the slider main border. * **Border Radius** - Define the radius of the slider main border. ### Image Title Options * **Show Title** - Choose whether to show title the sliders or not. * **Title font size** - Define the font size for the image title. * **Font family** - Specify the font family for the text used with the slider. * **Title Text Align** - Set the location of the title in the box in slider . * **Color** - Select color tune it with your image slider * **Background Color** - Here you can select your favourite background color for slider title * **Opacity** - Define the level of opacity for the image, providing its percentage. * **Position From Top** - Specify the preferable position of the title. You can drag and drop the text layer to a desired position. ### Navigator Options * **Slideshow Navigation** - Select between the option of always displaying the navigation or not. * **Color** - Select a color for the navigation. * **Hover color** - Select a hover color for the navigation. * **Current Color** - Specify the color of the dot for the currently displayed image slider. * **Border color** - Select the color for the border in slider navigation. * **Border radius** - Select the border radius of the navigation. * **Navigation position** - Set the position of the navigation. * **Position From Left** - Define the position of the title using the view graph. ### Choose Icons for Slider * **Slider icon** - assign a default icon in the slideshow. You can select icons from our 9 different beautifully designed sets. Also, you can define to appear the icons or not in a slideshow. ### Arrows Options in Slideshow * **SliderShow Arrows** - Select option of always displaying the navigation or not in slider. * **Slider icon color** - Slider element's image-slider Overlay color. Select a color for the overlay on the slider as you hold the mouse arrow on it. * **Slider icon size** - Alter the size of the icon regardless of the container (px) * **Position From top in Slider icon** - Specify the preferable position of the slideshow icon. You can drag and drop the text layer to a desired position. ### Loading Icon * **Select Icon in Slider** - There are 19 types of animation in “Image Slider” * **Loading Icon** - assign a default icon in the slideshow. You can select icons from our 19 different beautifully designed sets. **Full Width Slider** * **Autoplay** - Choose whether to autoplay the responsive sliders or not. * **Change speed** - Specify the change speed in milliseconds. * **Slider Spacing** - Space between containers image. Set the padding level between each item container image slider. * **Slide Spacing Color** - Your slider image can also have spacing color and this option allows to choose the exact color for that background. You can just click on the color which you'd like to have as a slide spacing and choose your favorite color. * **Pause time in Sliders** - Set time interval for change of galleries in milliseconds. * **Arrow Steps** - Set arrow steps to change slider image. * **Slider background Color** - Select background color for image. The color will be visible with during the slide change within specific effects. ### Slider Options * **Image width** - Define gallery width for slider image view. * **Image height** - Specify gallery height for slider image view. * **Border Width** - Set the width of borders. * **Border style** - Choosestyle to be applied to border of sliders. * **Border Color** - Choose color of sliders main border. * **Border Radius** - Define radius of sliders main border. * **Slide Cols** - Define how many images do you want to see in your slides at once. * **Slider radius** - Choose radius for slider images. **Photo title Options** * **Show Title** - Choose whether to show title the sliders or not. * **Title font size** - Define the font size for the image title. * **Font family** - Specify the font family for the text used with the slider. * **Title Text Align** - Set the location of the title in the box in slider . * **Color** - Select color tune it with your image slider * **Background Color** - Here you can select your favourite background color for slider title * **Opacity** - Define the level of opacity for the image, providing its percentage. * **Position From Top** - Specify the preferable position of the title. You can drag and drop the text layer to a desired position. ### Navigator Options * **Slideshow Navigation** - Select between the option of always displaying the navigation or not. * **Color** - Select a color for the navigation. * **Hover color** - Select a hover color for the navigation. * **Current Color** - Specify the color of the dot for the currently displayed image slider. * **Border color** - Select the color for the border in slider navigation. * **Border radius** - Select the border radius of the navigation. * **Navigation position** - Set the position of the navigation. * **Position From Left** - Define the position of the title using the view graph. * **Navigation size** - Define size of navigation bullets. ### Choose Icons for Slider * **Slider icon** - assign a default icon in the slideshow. You can select icons from our 9 different beautifully designed sets. Also, you can define to appear the icons or not in a slideshow. ### Arrows Options in Slideshow * **SliderShow Arrows** - Select option of always displaying the navigation or not in slider. * **Slider icon color** - Slider element's image-slider Overlay color. Select a color for the overlay on the slider as you hold the mouse arrow on it. * **Slider icon size** - Alter the size of the icon regardless of the container (px) * **Position From top in Slider icon** - Specify the preferable position of the slideshow icon. You can drag and drop the text layer to a desired position. ### Loading Icon * **Select Icon in Slider** - There are 19 types of animation in “Image Slider” * **Loading Icon** - assign a default icon in the slideshow. You can select icons from our 19 different beautifully designed sets.