LinGeo Template

Return to:
G & L WebDesign

The pgw Slideshow handles various size images (see the 3rd and 4th slides).

*Note: We favor the pgwSlideshow since there is no need for a thumbnail size of the images.
To add thumbnails to the slideshow merely involves changing the javascript (see the code).

View HTMLcode

	<div class="container mt-5 mb-5">
			<ul class="pgwSlideshow">
				<li><img src="assets/imgs/site-imgs/img-01.jpg" alt="Title" data-description="Description"></li>
				<li><img src="assets/imgs/site-imgs/img-02.jpg" alt="Title" data-description="Description"></li>
				<li><img src="assets/imgs/site-imgs/img-25.jpg" alt="Title" data-description="Description"></li>
				<li><img src="assets/imgs/site-imgs/img-26.jpg" alt="Title" data-description="Description"></li>
				<li><img src="assets/imgs/site-imgs/img-04.jpg" alt="Title" data-description="Description"></li>
				<li><img src="assets/imgs/site-imgs/img-05.jpg" alt="Title" data-description="Description"></li>
				<li><img src="assets/imgs/site-imgs/img-06.jpg" alt="Title" data-description="Description"></li>
				<li><img src="assets/imgs/site-imgs/img-07.jpg" alt="Title" data-description="Description"></li>
				<li><img src="assets/imgs/site-imgs/img-08.jpg" alt="Title" data-description="Description"></li>
				<li><img src="assets/imgs/site-imgs/img-09.jpg" alt="Title" data-description="Description"></li>
				<li><img src="assets/imgs/site-imgs/img-10.jpg" alt="Title" data-description="Description"></li>
				<li><img src="assets/imgs/site-imgs/img-11.jpg" alt="Title" data-description="Description"></li>
				<li><img src="assets/imgs/site-imgs/img-12.jpg" alt="Title" data-description="Description"></li>
				<li><img src="assets/imgs/site-imgs/img-13.jpg" alt="Title" data-description="Description"></li>
				<li><img src="assets/imgs/site-imgs/img-14.jpg" alt="Title" data-description="Description"></li>
				<li><img src="assets/imgs/site-imgs/img-15.jpg" alt="Title" data-description="Description"></li>
			</ul>
	</div>		

	
View javascript code

<!-- PgwSlideshow Basic Script -->
	<script type="text/javascript">
		$(document).ready(function() {
		$('.pgwSlideshow').pgwSlideshow({
		transitionEffect : 'sliding',
		displayList: false, 
		});
	});
	</script>

	
Style Switcher
12 Color Skins
Theme
See the instructions to easily create your own Skin and NavBar.