add some gif examples

Example/Example/Base.lproj/Storyboard.storyboard

@@ -814,7 +814,6 @@
                         <subviews>
                             <scrollView clipsSubviews="YES" multipleTouchEnabled="YES" contentMode="scaleToFill" translatesAutoresizingMaskIntoConstraints="NO" id="KX5-0N-ToU">
                                 <rect key="frame" x="0.0" y="50" width="600" height="486"/>
-                                <color key="backgroundColor" red="0.058823529409999999" green="0.062745098040000002" blue="0.062745098040000002" alpha="1" colorSpace="calibratedRGB"/>
                             </scrollView>
                             <button opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="center" contentVerticalAlignment="center" buttonType="roundedRect" lineBreakMode="middleTruncation" translatesAutoresizingMaskIntoConstraints="NO" id="nHU-Vy-hDF">
                                 <rect key="frame" x="32" y="491" width="84" height="33"/>

Example/Example/Spotify/SpotifyExampleViewController.swift

@@ -29,7 +29,7 @@ public class SpotifyExampleViewController: ButtonBarPagerTabStripViewController
     
     @IBOutlet weak var shadowView: UIView!
     
-    let graySpotifyColor = UIColor(red: 25/255.0, green: 25/255.0, blue: 28/255.0, alpha: 1.0)
+    let graySpotifyColor = UIColor(red: 21/255.0, green: 21/255.0, blue: 24/255.0, alpha: 1.0)
     let darkGraySpotifyColor = UIColor(red: 19/255.0, green: 20/255.0, blue: 20/255.0, alpha: 1.0)
     
     public override func viewDidLoad() {

Example/Example/Youtube/YoutubeExampleViewController.swift

@@ -65,14 +65,15 @@ class YoutubeExampleViewController: BaseButtonBarPagerTabStripViewController<You
         }
         super.viewDidLoad()
         navigationController?.navigationBar.shadowImage = UIImage()
+        navigationController?.navigationBar.setBackgroundImage(UIImage(), forBarMetrics: .Default)
     }
     
     // MARK: - PagerTabStripVIewControllerDataSource
     
     override func childViewControllersForPagerTabStripViewController(pagerTabStripController: PagerTabStripViewController) -> [UIViewController] {
-        let child_1 = TableChildExampleViewController(style: .Plain, itemInfo: ChildItemInfo(title: "HOME", image: UIImage(named: "home")))
-        let child_2 = TableChildExampleViewController(style: .Plain, itemInfo: ChildItemInfo(title: "TRENDING", image: UIImage(named: "trending")))
-        let child_3 = TableChildExampleViewController(style: .Grouped, itemInfo: ChildItemInfo(title: "PROFILE", image: UIImage(named: "profile")))
+        let child_1 = TableChildExampleViewController(style: .Plain, itemInfo: ChildItemInfo(title: " HOME", image: UIImage(named: "home")))
+        let child_2 = TableChildExampleViewController(style: .Plain, itemInfo: ChildItemInfo(title: " TRENDING", image: UIImage(named: "trending")))
+        let child_3 = ChildExampleViewController(itemInfo: ChildItemInfo(title: " ACCOUNT", image: UIImage(named: "profile")))
         return [child_1, child_2, child_3]
     }
     

README.md

@@ -15,9 +15,16 @@ Android [PagerTabStrip](http://developer.android.com/reference/android/support/v
 
 **XLPagerTabStrip** is a *Container View Controller* that allows us to switch easily among a collection of view controllers. Pan gesture can be used to move on to next or previous view controller. It shows a interactive indicator of the current, previous, next child view controllers.
 
-![Screenshot of native Calendar Event Example](Example/PagerSlidingTabStrip.gif)
+<table>
+  <tr>
+    <th><img src="Example/instagram.gif" width="250"/></th>
+    <th><img src="Example/spotify.gif" width="250"/></th>
+    <th><img src="Example/youtube.gif" width="250"/></th>
+    <th><img src="Example/pagerTabStripTypes.gif" width="250"/></th>
+  </tr>
+</table>
 
-As you see in the images above the library provides many ways to show the PagerTabStrip menu.
+The library provides many ways to show the PagerTabStrip menu.
 
 ## Usage