slider de imagens simples?

[Gui Alexander Schweickert 0]

pessoal sou desenvolvedor android e java nao sei muito de javascript e jquery (nao sei a diferença) mas procurei sliders simples nao consegui achar

 

sou novo com javascript e nao pretendo levar a fundo pois meu negocio é desenvolvimento mobile mesmo :yay: so gostaria que alguem me recomendasse um slider simples ou um tutorial

podem ter certeza que nao é falta de pesquisa ate achei um que é mais ou menos do jeito que quero mas nao consegui personalizar para por texto e imagem

foi esse http://nivo.dev7studios.com/ mas nao consegui fazer texto+descriçao

 

gostaria de um slider mais ou menos dessa forma

uma imagem + descriçao ao lado. os botoezinhos daria para trocar o slide e o slide iria trocando automaticamente. ja vi varios parecidos.

 

por favor alguem pode me ajudar com esse slider simples?

obrigado

 

vi na web que jquery é melhor e mais pratico

[William Bruno 1501]

javascript é a linguagem.

jQuery é o "framework".

 

http://wbruno.com.br/blog/2011/03/14/banner-galeria-slideshow-adcast-mostrando-um-pouco-poder-cycle-jquery/

[Gui Alexander Schweickert 0]

javascript é a linguagem.

jQuery é o "framework".

 

http://wbruno.com.br/blog/2011/03/14/banner-galeria-slideshow-adcast-mostrando-um-pouco-poder-cycle-jquery/

vlw william mas tem como por a image do lado e por uma descriçao do lado q nem no meu?

da pra tirar os numeros e por as bolinhas?

obrigado

 

ninguem?

[William Bruno 1501]

Sim, dá sim.

 

tente fazer. Fazer oq você pediu é puro HTML + CSS

[Gui Alexander Schweickert 0]

vlw bruno

mas nao consegui tirar aqueles numeros 1,2,3 como tiro? quero deixar so img

 

vlw

[Henrique Barcelos 290]

Apague isso:

pager: '#pager'

 

Isso:

#pager {  
position: absolute;  
z-index: 10;  
top: 20px;  
right: 20px;  
}  
#pager a {  
color: #000;  
width: 17px;  
height: 17px;  
line-height: 15px;  
text-align: center;  
display: inline-block;  
font-size: 10px;  
margin: 2px;  
color: #fff;  
}  
#pager a.activeSlide {  
color: #000;  
background: url('../images/over_white.png');  
}  

 

E isso:

<p id="pager">  

</p>

[Gui Alexander Schweickert 0]

eu quero a paginaçao mais nao quero que apareça numeros so o fundo

[Henrique Barcelos 290]

Adicione:

overflow: hidden;
text-indent: -9999px;

a

#pager a