By continuing I agree with Terms & conditions,
Privacy policy, Cookie policy
+ (deprecated) Images Slider
Git Source Code
Local Source Code
index.html
<link
rel="stylesheet"
href="https://codefinity-content-media-v2.s3.eu-west-1.amazonaws.com/courses/c1087363-9025-4c37-8d5e-983a32a007e9/image-tools-section/images-slider.css"
/>
<!-- CHANGE THE VALUES OF THE src ATTRIBUTE -->
<div id="oblast">
<div id="imageContainer">
<div class="image">
<img
style="width: 25px; height: 25px"
src="https://codefinity-content-media.s3.eu-west-1.amazonaws.com/Java+Advanced+media/brain.png"
alt=""
/>
</div>
<div class="image">
<img
style="width: 25px; height: 25px"
src="https://codefinity-content-media.s3.eu-west-1.amazonaws.com/Java+Advanced+media/cyber-security.png"
alt=""
/>
</div>
<div class="image">
<img
style="width: 25px; height: 25px"
src="https://codefinity-content-media.s3.eu-west-1.amazonaws.com/Java+Advanced+media/development.png"
alt=""
/>
</div>
<div class="image">
<img
style="width: 25px; height: 25px"
src="https://codefinity-content-media.s3.eu-west-1.amazonaws.com/Java+Advanced+media/java.png"
alt=""
/>
</div>
<div class="image">
<img
style="width: 25px; height: 25px"
src="https://codefinity-content-media.s3.eu-west-1.amazonaws.com/Java+Advanced+media/machine-learning.png"
alt=""
/>
</div>
<div class="image">
<img
style="width: 25px; height: 25px"
src="https://codefinity-content-media.s3.eu-west-1.amazonaws.com/Java+Advanced+media/neural.png"
alt=""
/>
</div>
<div class="image">
<img
style="width: 25px; height: 25px"
src="https://codefinity-content-media.s3.eu-west-1.amazonaws.com/Java+Advanced+media/programming.png"
alt=""
/>
</div>
<!--COPIES-->
<div class="image">
<img
style="width: 25px; height: 25px"
src="https://codefinity-content-media.s3.eu-west-1.amazonaws.com/Java+Advanced+media/brain.png"
alt=""
/>
</div>
<div class="image">
<img
style="width: 25px; height: 25px"
src="https://codefinity-content-media.s3.eu-west-1.amazonaws.com/Java+Advanced+media/cyber-security.png"
alt=""
/>
</div>
<div class="image">
<img
style="width: 25px; height: 25px"
src="https://codefinity-content-media.s3.eu-west-1.amazonaws.com/Java+Advanced+media/development.png"
alt=""
/>
</div>
<div class="image">
<img
style="width: 25px; height: 25px"
src="https://codefinity-content-media.s3.eu-west-1.amazonaws.com/Java+Advanced+media/java.png"
alt=""
/>
</div>
<div class="image">
<img
style="width: 25px; height: 25px"
src="https://codefinity-content-media.s3.eu-west-1.amazonaws.com/Java+Advanced+media/machine-learning.png"
alt=""
/>
</div>
<div class="image">
<img
style="width: 25px; height: 25px"
src="https://codefinity-content-media.s3.eu-west-1.amazonaws.com/Java+Advanced+media/neural.png"
alt=""
/>
</div>
<div class="image">
<img
style="width: 25px; height: 25px"
src="https://codefinity-content-media.s3.eu-west-1.amazonaws.com/Java+Advanced+media/programming.png"
alt=""
/>
</div>
</div>
</div>
Everything was clear?
Thanks for your feedback!
Section 9. Chapter 13
