massPaging / Images

Images

Plugin equally well splits on the page as tags for formatting text and image tags. Keep an eye on the behavior of the image height using CSS styles

A lot of images

A lot of images with the plugin «massPaging»

Source

<link rel="stylesheet" href="css/massPaging.css">
<script src="js/jquery-3.7.1.min.js"></script>
<script src="js/jquery.masspaging.js"></script>
<script>
$(window).on('load',function(){
	var opt = {
		pageHeight:400,
		navDotWrapper:'.boxNavDot'
	}
	$('#veryLongContent').massPaging(opt);
})
</script>

<style>
	.imageItem { float:left; width:30%; margin:1%;}
	.imageItem img {max-width:100%; max-height:300px}
</style>

<div id="veryLongContent">
	<div class="imageItem"><img src="pic/1.png"></div>
	<div class="imageItem"><img src="pic/2.png"></div>
	<div class="imageItem"><img src="pic/3.png"></div>
	<!-- . . . -->
	<div class="imageItem"><img src="pic/N.png"></div>
</div>

<div align="center" class="boxNavDot"></div>