Skip to content

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

License

Notifications You must be signed in to change notification settings

xitami/honeycombs

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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));

About

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

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 60.2%
  • HTML 23.5%
  • CSS 16.3%