adriankremer

Page Slideshow is a clean plugin with which you can create a slideshow for every web page. Simply choose your desired images in the WordPressStyle media library via the Drag and Drop method and design your own individual slideshow. This plugin also supports texts and headlines and uses the responsive <a href="http://www.woothemes.com/flexslider/" rel="nofollow ugc">Flexslider</a> provided by Woothemes.
Features
After having successfully installed Page Slideshow, the plugin offers different options to create and edit your slideshow. Within the settings, you will find the following options:
<ul>
<li>
Position: Determines when the slideshow will be created. It can either be placed before the actual content or after it
</li>
<li>
Animation: The slideshow’s animation option regulates in which style the slideshow switches from one slide to the other. You can choose between a ‘Fade’ mode, which generates an alpha effect and a ‘Slide’ mode that creates a flowing transition
</li>
<li>
Navigation: You can choose between two different methods with which to navigate your slideshow:
<ol>
<li>With the help of navigation points, which are visibly displayed as dots on the bottom of the slides and can be used to navigate between slides</li>
<li>By using the navigation arrows that appear on each side of the slideshow during a mouseover</li>
</ol>
Both of these methods can be displayed simultaneously
</li>
<li>
Image size: The chosen image size affects the maximum solution of the slideshow images
</li>
</ul>
Creation
Once you have installed and activated the plugin, a new slideshow section will be generated on the bottom half of the content part on every available web page. Here you will find a ‘+’ (plus) button that calls for you to choose or to upload an image. Once you have picked the desired image, it can be inserted into the slideshow range using the ‘Use Image’ button. Afterwards the chosen image appears in a box with the option to add text. The slideshow will be shown on the respective web page.
<ul>
<li>
The slides can be arranged as may be required by dragging them to their desired position via Drag and Drop.
</li>
<li>
The slideshow’s layout automatically adjusts to the conditions of the terminal device owing to a responsive web design.
</li>
</ul>

Page slideshow

With Page Slideshow you can create individual, responsive and sortable slideshows. Uses performance-friendly CSS3 transitions.

Nick Halsey

This plugin automatically adds CSS3 transitions to your website/blog and the WordPress admin. Links, etc. get animated transitions between their normal and hover states. CSS3 Transitions are supported by the most recent version of every major browser (Chrome, Internet Explorer 10, Firefox, Opera, Safari); browsers without support will continue to render everything as they had before. This plugin adds the transitions (eye candy) to all <code><a></code> (link), <code><li></code> (list item, usually used in navigation menus), <code><img></code> (image), and <code><input></code> (form field and button) tags that have a hover or focus state defined (for example, if links change color when the mouse hovers over them). Other “buttons”, form elements, and WordPress-specific selectors are also targeted. Transitions are between .2 and .3 seconds in duration, so they shouldn’t cross the line between nice and distracting; however, depending on the colors used in your theme, the transitions may not be noticeable.
Also, please note that image sprites simply don’t work well with blanket css3 transitions. If you see wierd animations where images scroll between their normal and hover states, they’re using sprites. Depending on where the sprites are used, there are various ways to prevent the behavior on those elements, while retaining transitions where desired. One method is to add an inline style attribute to those elements: <code>style="transition: none; -webkit-transition: none;"</code>. Adding the css to your theme will override the plugin’s css as long as you target the elements using sprites by class or id.
Please feel free to offer any feature suggestions you might have and I will consider them for future releases.
<h4>CSS3 Transitions UX Theory</h4>
Because of the way our brains process images, in simple terms, instant/sudden changes are generally not as well perceived as more gradual ones. In the physical space, we never see instant changes, like slides changing with no animation in a PowerPoint, but with digital technology this is a very common practice. When websites make use of hover states, for example, if a link changes color when the mouse hovers over it, they exhibit small, but instant visual changes. Adding the css3 transitions makes these changes more gradual, and therefore easier on the eye. For this same reason, operating systems now tend to make use of a lot of animations. There’s a lot of neuroscience behind these concepts, but I’m not well versed in that. Basically, slight animations generally look better than instant changes. Some people will argue that things aren’t as “snappy” or seem slugish with transitions, but if that’s the case, it’s only a matter of adjusting the animation timing function and duration.

CSS3 Transitions

This plugin automatically adds CSS3 transitions to your website/blog and the WordPress admin. Links, etc. get animated transitions between their norma …

Page slideshow vs CSS3 Transitions