Eu gostaria de ter uma ideia como posso fazer um tipo de SLIDE agora com interação com o usuário.
Não consigo encontrar algo na internet pra me basear, e não consigo ter ideia como fazer isso!
No código eu tenho uma classe slide1
que faz onclick
e aparece na tela o resultado.
$(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>
<div class="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" />
<div class="logo"></div>
<div class="mostraBox" style="display:none;width:100px;height: 20px; float:right; position: absolute;">Bem vindo ao Windows!</div>
</div>
</div>
Eu estou tentando fazer outra classe slide2
e que faça outra interação com o usuário.
Agora pra chegar no slide2
preciso ter um botão de avançar.
Procurei em tudo e não consegui sanar minha duvida.