Slideshow

From IThemes Codex
(Difference between revisions)
Jump to: navigation, search
(Added more tips to - Customize Slideshow: to explain what risks it comes with.)
 
(8 intermediate revisions by 2 users not shown)
Line 1: Line 1:
{{#ev:youtube|lxlqcjiR9zw|400|right}}
+
__NOTOC__
'''Series:''' [[DisplayBuddy]]
+
==Description==
+
This plugin add the ability to display image slideshows anywhere on your site with fully customizable animated transitions and advanced effects. Slideshow has two different sliders that you can choose from, Slider and Cycle. Each slider has different animation effects and customizations.
+
  
 +
[[File:Slideshow300.png|Slideshow300.png|300px|link=|right]]
  
==Slider==
+
This plugin adds the ability to display image slideshows anywhere on your site with fully customizable animated transitions and advanced effects. Slideshow has two different sliders that you can choose from, Slider and Cycle. Each slider has different animation effects and customizations.
The transitions for this mode focus on slicing up the image into multiple pieces and using those pieces for different transition effects.Since this mode focuses on slicing up the image for transition effects the settings for this mode also allow you to choose how many slices the image is divided into. This mode also offers the ability to display small thumbnail versions of the images in the group as pagination buttons that allow visitors to your site to easily control which image the slider is showing.  
+
  
'''Animation transition effects'''
+
{{#ev:youtube|lxlqcjiR9zw|400|right}}
* Randomly use different effects
+
* Slice down
+
* Slice down left
+
* Slice up
+
* Slice up left
+
* Fold
+
* Fade
+
 
+
 
+
==Cycle==
+
The transitions for this mode focuses on shuffling images around. This mode has many different effects to choose from, providing more options so that you can pick the effect that you like the best.
+
 
+
'''Animation transition effects'''
+
 
+
blindX, blindY, blindZ, cover, curtainX, curtainY, fade, fadeZoom, growX, growY, scrollUp, scrollDown, scrollLeft, scrollRight, scrollHorz, scrollVert, shuffle, slideX, slideY, toss, turnUp, turnDown, turnLeft, turnRight, uncover, wipe, and zoom.
+
 
+
 
+
==Groups==
+
Carousel has the ability to save multiple groups that can each have different images and settings. The only information required to create a group is a group name.
+
 
+
 
+
==Adding Images==
+
In order to add images you will need to select a group then adjust the "Slide Image Dimensions" width and height so that the Carousel plugin will know what dimensions it will need to resize the images to. After saving the desired image dimensions then you can add an image by clicking the "+Add image" button. Carousel uses WordPress's built in media up-loader. This will allow you to either upload new images or select images that you have already added to the media library. In order to select an image to add from the list of images click the "show" link for that image and then click the "select this image" button as shown in the image below.
+
 
+
[[File:Displaybuddyselectimage.png|408px]]
+
 
+
 
+
==Displaying Slideshow on your site==
+
Slideshow can be added to your site using two different methods, widgets or shortcode.
+
====Widget====
+
Navigate to the Widgets area under Appearance in the WordPress Admin area. Drag the Slideshow widget into the widget area that you would like for it to display in and select the group from the drop-down menu that you would like to display.
+
====Shortcode====
+
The groups table in slideshow will display a shortcode for each different group that you have created. If you would like to add a Slideshow group to a post or page all you have to do is copy that shortcode and paste it the content of the page or post you would like for it to display in.
+
 
+
==Customize Slideshow==
+
While any extra customization of any PluginBuddy Plugin is beyond the scope of the official support, here are some tips to get you started in customizing different aspects of Slideshow outside of what the Slideshow admin controls allow you to do. No support is provided on any of these extra customizations. Any of the steps mentioned in any of these extra custom edits may change at any time depending on newer versions of the plugins being released. Any use or customization of anything, beyond what is provided by default inside the plugin admin menu, means you are proceeding at your own risk and that you accept 100% responsibility for everything you change or modify in any manner in the plugin. Your purchase and use of any PluginBuddy plugin implies and shows that you are buying and using PluginBuddy plugin(s) the way it(they) came in their original unmodified form.
+
 
+
*[http://pluginbuddy.com/purchase/backupbuddy/ Make a backup of your entire site with BackupBuddy] before proceeding!
+
*Use a good text editor to make any file changes. Again, maintain backups!
+
*Remember: any changes you make to files WILL MOST PROBABLY be lost when the plugin is upgraded to any newer version.
+
*You are 100% responsible and liable for anything resulting from any of these changes.
+
*No support is provided on any of these extra changes in any form or shape, whatsoever.
+
 
+
====Change Background Color of Caption Text====
+
Put the following in your theme's CSS file at the very end, changing the color code example used here, #fd4507 which is red, to anything you wish:
+
  
<pre brush="css">
+
<div class="exchange-home-list">
.nivo-caption {
+
==Slideshow Basics== __NOEDITSECTION__
background-color: #fd4507 !important;
+
*[[Slideshow_Groups|Groups]]
}
+
*[[Slideshow_Modes|Modes]]
</pre>
+
*[[Slideshow:_Adding_Images|Adding Images]]
*Related links:
+
*[[Displaying_Slideshow_on_Your_Site|Displaying Slideshow on Your Site]]
**http://ithemes.com/forum/index.php?/topic/18152-background-color/
+
</div>
  
==Additional Resources==
+
<div class="exchange-home-list">
# [http://pluginbuddy.com/free-wordpress-plugins/ Free Plugins by PluginBuddy]
+
==Customize Slideshow== __NOEDITSECTION__
# [http://pluginbuddy.com/tutorials/ PluginBuddy Tutorials]
+
*[http://ithemes.com/codex/page/Extra_Customizations Official policy and details on any Extra Customizations]
# [http://pluginbuddy.com/ PluginBuddy.com]
+
*[[Change_Background_Color_of_Caption_Text|Change Background Color of Caption Text]]
# [http://pluginbuddy.com/support/ Support Forums]
+
*[[Show_Image_OR_Text_OVER_Slideshow|Show Image OR Text OVER Slideshow]]
 +
*[[Change_or_Remove_Empty_Space_Under_Slideshow_OR_Change_Slideshow_Height|Change or Remove Empty Space Under Slideshow OR Change Slideshow Height]]
 +
*[[Change_or_Remove_Slideshow_Shadows|Change or Remove Slideshow Shadows]]
 +
</div>
 +
<br />
 +
<div class="exchange-home-list">
 +
==FAQs== __NOEDITSECTION__
 +
*[[Slideshow_FAQ:_Absolute_Links|Absolute Links]]
 +
</div>
 +
<div class="exchange-home-list">
 +
==Additional Resources== __NOEDITSECTION__
 +
*[http://ithemes.com/purchase/backupbuddy/ Purchase BackupBuddy]
 +
*[http://ithemes.com/tutorials/ iThemes Tutorials]
 +
*[http://ithemes.com/ iThemes.com]
 +
*[http://ithemes.com/forum/ Support Forums]
 +
</div>
  
[[Category:PluginBuddy]]
+
<br />
 +
[[:Plugins|← Back to Plugin Codex Home]]

Latest revision as of 16:24, July 19, 2013


Slideshow300.png

This plugin adds the ability to display image slideshows anywhere on your site with fully customizable animated transitions and advanced effects. Slideshow has two different sliders that you can choose from, Slider and Cycle. Each slider has different animation effects and customizations.




← Back to Plugin Codex Home

Personal tools
Namespaces
Variants
Actions
iThemes Codex
Codex Navigation
Toolbox