<commit_before>Image-Slide
===========

Simple JavaScript tool for image sliding / fading carousal. 


NOTE: Requires jQuery library.   CSS and LESS files are included for custom styling.  It is recommended to use LESS for easy access to constants. 



Parameters: 

	data-transition
		can be either fade or slide

	data-scrollspeed
		allows for variable speeds on the fade or slide
	
	

BASIC HTML USAGE:

<div id="image-slider" data-transition="fade" data-scrollspeed="500">
	<ul>
		<li>
			<img src="img/winter-500.jpg" alt="Winter" />
			<a class="previous" href="#">&#9664;</a>
			<a class="next" href="#">&#9654;</a>
			<span class="caption">1. Winter and wonder</span>
		</li>
		<li>
			<img src="img/winter2-500.jpg" alt="Winter" />
			<a class="previous" href="#">&#9664;</a>
			<a class="next" href="#">&#9654;</a>
			<span class="caption">2. Snow and trees</span>	
		</li>
		<li>
			<img src="img/winter2-500.jpg" alt="Winter" />
			<a class="previous" href="#">&#9664;</a>
			<a class="next" href="#">&#9654;</a>
			<span class="caption">3. Snow and trees</span>	
		</li>
		<li>
			<img src="img/beach-bg.jpg" alt="Beach" />
			<a class="previous" href="#">&#9664;</a>
			<a class="next" href="#">&#9654;</a>
			<span class="caption">4. Beach</span>	
		</li>
	</ul>
</div>


<script src="js/slider-ck.js"></script>
<script type=“text/javascript”>
$(‘#image-slider').imageslider();
</script>



NOTE: Slider.js is non-minified, include slider-ck.js for faster loading.


Required components:
jQuery<commit_msg>added code tags<commit_after>Image-Slide
===========

Simple JavaScript tool for image sliding / fading carousal. 


NOTE: Requires jQuery library.   CSS and LESS files are included for custom styling.  It is recommended to use LESS for easy access to constants. 



Parameters: 

	data-transition
		can be either fade or slide

	data-scrollspeed
		allows for variable speeds on the fade or slide
	
	

BASIC HTML USAGE:

<code>

<div id="image-slider" data-transition="fade" data-scrollspeed="500">
	<ul>
		<li>
			<img src="img/winter-500.jpg" alt="Winter" />
			<a class="previous" href="#">&#9664;</a>
			<a class="next" href="#">&#9654;</a>
			<span class="caption">1. Winter and wonder</span>
		</li>
		<li>
			<img src="img/winter2-500.jpg" alt="Winter" />
			<a class="previous" href="#">&#9664;</a>
			<a class="next" href="#">&#9654;</a>
			<span class="caption">2. Snow and trees</span>	
		</li>
		<li>
			<img src="img/winter2-500.jpg" alt="Winter" />
			<a class="previous" href="#">&#9664;</a>
			<a class="next" href="#">&#9654;</a>
			<span class="caption">3. Snow and trees</span>	
		</li>
		<li>
			<img src="img/beach-bg.jpg" alt="Beach" />
			<a class="previous" href="#">&#9664;</a>
			<a class="next" href="#">&#9654;</a>
			<span class="caption">4. Beach</span>	
		</li>
	</ul>
</div>


<script src="js/slider-ck.js"></script>
<script type=“text/javascript”>
$(‘#image-slider').imageslider();
</script>

</code>

NOTE: Slider.js is non-minified, include slider-ck.js for faster loading.


Required components:
jQuery
{'fraction_non_alphanumeric': 0.20431513566525009, 'fraction_numerical': 0.032690421706440015, 'mean_word_length': 3.8881789137380194, 'pattern_counts': {'":': 0, '<': 93, '<?xml version=': 0, '>': 93, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '695534', 'n_tokens_mistral': 1279, 'n_tokens_neox': 1078, 'n_words': 285}