Skip to content

Latest commit

 

History

History
38 lines (28 loc) · 1.14 KB

README.md

File metadata and controls

38 lines (28 loc) · 1.14 KB

Honeycombs jQuery Plugin

Warning: I dont have the time to support this plugin. If you want to use it, use it at your own risk and if you want aditional functionality, feel free to fork the project and extend it. If you want to maintain this plugin feel free to contact me.

Example: http://examples.rabbid.net/honeycombs/demo.html

jQuery plugin for displaying images in a responsive honeycomb grid with caption support

To generate a honeycomb grid, use the following markup:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="homeycombs/js/jquery.homeycombs.js"></script>

<div class="honeycombs">
		<div class="comb">
			<img src="images/picture_0.jpg" />
			<span><b>This is</b><br> a test</span>
		</div>
		<div class="comb">
			<img src="images/picture_1.jpg" />
			<span><b>This is</b><br> a test</span>
		</div>
</div>

If you want to assign the honeycomb plugin to another class but .honeycomb, use the following snipped inside a javascript file:

(function($) {
	$(document).ready(function() {
        $('.honeycombs').honeycombs();
    });
}(jQuery));