Need help with image slider!


#1



Hi, I did a video tutorial on youtube on HTML5 and CCS3. I made a website that had an image slider. Below my image slider number 1 2 3 4 appear and when I click on them the slider switches pictures. I want to get rid of the numbers but I dont know why they are being added in the first place. I am a newbie.

Any help is appreciated, thank you!


Here is the link to the tutorial: https://www.youtube.com/watch?v=2R-qmsvtSaQ


Here is the code for the image slider

 <div id="doc">
		<div id="content">
			<div class="blueberry">
				<ul class="slides">
					<li><img src="http://www.w3newbie.com/wp-content/uploads/inside-gym.png"/></li>
					<li><img src="http://www.w3newbie.com/wp-content/uploads/push-ups.png"/></li>
					<li><img src="http://www.w3newbie.com/wp-content/uploads/chest-fly.png"/></li>
					<li><img src="http://www.w3newbie.com/wp-content/uploads/training.png"/></li>
				</ul>
			</div>
		</div>
	</div>

I put this code below in the <head><head> 

<script>
	$(window).load(function() {
		$('.blueberry').blueberry();

	});
</script>


#2

@lindseyerreeka,
Please read
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/ul
https://developer.mozilla.org/en-US/docs/Web/CSS/list-style <== none