<commit_before># mk-3Dcarousel
This is a create 3D Image Carousel using JQUERY, CSS3.

#### Required
* JQuery
* CSS3 supported browsers

#### Steps to use
Include the following:
  * `JQuery`
  * `mk-3Dcarousel.js` 
  * `mk-3Dcarousel.css`

#### HTML:
```
<div id="mkCarousel">
	<img class="active" src="images/carousel/001.jpg" alt="">
	<img src="images/carousel/002.jpg" alt="">
	... image list goes here
</div>
```

#### JS:
```
$(function(){
	$('#mkCarousel').mkCarousel();
});
```

#### Properties
	* responsive: boolean | default = true
	* breakpoint: int | default = 768
	* offset: int | default = 100
	* mobileOffset: int | default = 50
	* controlNavs: boolean | default = true

#### Live Examples
* [mk-3Dcarousel page](http://masoomulhaqs.github.io/mk-3Dcarousel/)
* [http://www.masoomulhaq.in/](http://www.masoomulhaq.in/)

#### Support
In all major browsers, partial support in other browsers

#### Note
Images are taken from `Google`<commit_msg>readme updated<commit_after># mk-3Dcarousel
This is a create 3D Image Carousel using JQUERY, CSS3.

#### Required
* JQuery
* CSS3 supported browsers

#### Steps to use
Include the following:
  * `JQuery`
  * `mk-3Dcarousel.js` 
  * `mk-3Dcarousel.css`

#### HTML:
```
<div id="mkCarousel">
	<img class="active" src="images/carousel/001.jpg" alt="">
	<img src="images/carousel/002.jpg" alt="">
	... image list goes here
</div>
```

#### JS:
```
$(function(){
	$('#mkCarousel').mkCarousel();
});
```

#### Properties & their usage
| Property     	| Description                                           	| Type    	| Default value 	|
|--------------	|-------------------------------------------------------	|---------	|---------------	|
| responsive   	| Makes carousel responsive                             	| boolean 	| true          	|
| breakpoint   	| A point from where it should take responsive handling 	| int     	| 768           	|
| offset       	| Spacing between carousel images for desktop view      	| int     	| 100           	|
| mobileOffset 	| Spacing between carousel images for mobile view       	| int     	| 50            	|
| controlNavs  	| Show control navigation, ex: prev, next               	| boolean 	| true          	|
| beginAt      	| Set an inital active image                            	| int     	| 1             	|

#### Live Examples
* [mk-3Dcarousel page](http://masoomulhaqs.github.io/mk-3Dcarousel/)
* [http://www.masoomulhaq.in/](http://www.masoomulhaq.in/)

#### Support
In all major browsers, partial support in other browsers

#### Note
Images are taken from `Google`
{'fraction_non_alphanumeric': 0.18326848249027236, 'fraction_numerical': 0.017509727626459144, 'mean_word_length': 2.34765625, 'pattern_counts': {'":': 0, '<': 11, '<?xml version=': 0, '>': 11, 'https://': 0, 'lorem ipsum': 0, 'www.': 4, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 3, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '154048', 'n_tokens_mistral': 859, 'n_tokens_neox': 800, 'n_words': 214}