Created
September 27, 2013 19:42
-
-
Save jakepruitt/6734132 to your computer and use it in GitHub Desktop.
Business Aviation Featured Image Carousel
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="featured cycle-slideshow" data-cycle-slides=".slide" data-cycle-pause-on-hover="true" data-cycle-timeout=7000 data-cycle-fx="scrollHorz"> | |
| <ul class="slide popup-gallery clearfix"> | |
| <li class="title"><h3>Transforming Business Aircraft</h3></li> | |
| <li><a href="/assets/images/gallery-big-image-1.jpg" style="background: url('/assets/images/gallery-image-1.jpg')"><h5>View Image</h5></a></li> | |
| <li><a href="/assets/images/gallery-big-image-2.jpg" style="background: url('/assets/images/gallery-image-2.jpg')"><h5>View Image</h5></a></li> | |
| <li><a href="/assets/images/gallery-big-image-3.jpg" style="background: url('/assets/images/gallery-image-3.jpg')"><h5>View Image</h5></a></li> | |
| <li><a href="/assets/images/gallery-big-image-4.jpg" style="background: url('/assets/images/gallery-image-4.jpg')"><h5>View Image</h5></a></li> | |
| <li><a href="/assets/images/gallery-big-image-5.jpg" style="background: url('/assets/images/gallery-image-5.jpg')"><h5>View Image</h5></a></li> | |
| <li><a href="/assets/images/gallery-big-image-6.jpg" style="background: url('/assets/images/gallery-image-6.jpg')"><h5>View Image</h5></a></li> | |
| </ul> | |
| <ul class="slide popup-gallery clearfix"> | |
| <li class="title"><h3>Transforming Business Aircraft</h3></li> | |
| <li><a href="/assets/images/gallery-big-image-1.jpg" style="background: url('/assets/images/gallery-image-1.jpg')"><h5>View Image</h5></a></li> | |
| <li><a href="/assets/images/gallery-big-image-2.jpg" style="background: url('/assets/images/gallery-image-2.jpg')"><h5>View Image</h5></a></li> | |
| <li><a href="/assets/images/gallery-big-image-3.jpg" style="background: url('/assets/images/gallery-image-3.jpg')"><h5>View Image</h5></a></li> | |
| <li><a href="/assets/images/gallery-big-image-4.jpg" style="background: url('/assets/images/gallery-image-4.jpg')"><h5>View Image</h5></a></li> | |
| <li><a href="/assets/images/gallery-big-image-5.jpg" style="background: url('/assets/images/gallery-image-5.jpg')"><h5>View Image</h5></a></li> | |
| <li><a href="/assets/images/gallery-big-image-6.jpg" style="background: url('/assets/images/gallery-image-6.jpg')"><h5>View Image</h5></a></li> | |
| </ul> | |
| <div class="cycle-pager"></div> | |
| </div> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| $('.popup-gallery').each(function() { | |
| $(this).magnificPopup({ | |
| delegate: 'a', | |
| type: 'image', | |
| closeOnContentClick: true, | |
| mainClass: 'mfp-no-margins', // class to remove default margin from left and right side | |
| gallery: { | |
| enabled: true | |
| }, | |
| image: { | |
| verticalFit: true, | |
| titleSrc: function(item) { | |
| return 'Ovation Select' + '<small>The next generation of Cabin Systems is here with Ovation Select.<br/> <a href="#">Learn More</a></small>'; | |
| } | |
| }, | |
| callbacks: { | |
| buildControls: function() { | |
| this.contentContainer.append(this.arrowLeft.add(this.arrowRight)); | |
| } | |
| } | |
| }); | |
| }); |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment