I would like to have an idea how I can make a type of SLIDE now with user interaction.
I can not find something on the internet to build on, and I have no idea how to do it!
In the code I have a class slide1
that makes onclick
and the result appears on the screen.
$(document).ready(function () {
$('.logo').on('click',function(){
/*alert('oi'); */
$('.mostraBox').css('display','inline')
});
});
.slide {
position: relative;
width: 650px;
height: 500px;
margin: 0 auto;
}
.slide img {
position: absolute;
}
.logo {
width: 130px;
height: 100px;
margin-top:150px;
margin-left: 100px;
border: 5px solid #FF0000;
position: absolute;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script><divclass="slide">
<div class="slide1">
<img src="http://s2.glbimg.com/NpGhQXJdJdvabAJZK61Tj6mRYQo=/0x0:694x391/695x392/s.glbimg.com/po/tt2/f/original/2015/04/20/windows-10-logo.jpg"/><divclass="logo"></div>
<div class="mostraBox" style="display:none;width:100px;height: 20px; float:right; position: absolute;">Bem vindo ao Windows!</div>
</div>
</div>
I'm trying to make another class slide2
and it makes another interaction with the user.
Now to get to slide2
I need to have a forward button.
I tried everything and could not heal my doubts.