Sexta-feira, 25 de Julho de 2008

SAPO.Widget.SimpleSlide ou Carrossel Simples

Novo widget na LibSAPO.js :-) É apenas um simples carrossel. Tem várias opções, mas este é apenas um exemplo duma implementação simples.
 

A documentação está neste link.

A source aqui.

E o sample aqui.

Exemplo: 

--------------------------------------


 

Code:

-------------------------------

 


<!--- 
SimpleSlide
-->

<div id="sapo_widget_simpleslide" style="position:relative;"></div>

<script type="text/javascript">

// Food for Carrossel
var rawData = [ 
    {   
        url: 'http%3A%2F%2Fjs.sapo.pt%2F',
        img: 'https://js.sapo.pt/Assets/Images/SimpleSlide/Sample01.png',
        title: 'SAPO::Widget.SimpleSlide - 1' 
    },
    { 
        url: 'http%3A%2F%2Fjs.sapo.pt%2F',
        img: 'https://js.sapo.pt/Assets/Images/SimpleSlide/Sample02.png',
        title: 'SAPO::Widget.SimpleSlide - 2' 
    },
    { 
        url: 'http%3A%2F%2Fjs.sapo.pt%2F',
        img: 'https://js.sapo.pt/Assets/Images/SimpleSlide/Sample03.png',
        title: 'SAPO::Widget.SimpleSlide - 3' 
    }
]; 

new SAPO.Widget.SimpleSlide({ 
        target: 'sapo_widget_simpleslide',
        id: 'sapo_widget_simpleslide_sample',
        delay: 6,
        width: '480px',
        height: '211px',
        data: rawData,
        play:false
    });

</script>

publicado por suskind às 15:21
link do post | comentar | ver comentários (1) | favorito

.mais sobre mim

.Contactos

Email:
libsapojs at sapo.pt

 

Twitter:
http://twitter.com/libsapojs

.pesquisar

.Outubro 2010

Dom
Seg
Ter
Qua
Qui
Sex
Sab
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31

.posts recentes

. Promote JS

. LibSAPO.js - Documentação...

. SAPO.Utility.Date

. SAPO

. LibSAPO.js 2009 -> 2010

. LibSAPO.js no Twitter

. SAPO.Widget.ShareThis

. Mudança para jQuery

. SAPO.Utility.Cookie

. Syntax Highlighter

.arquivos

. Outubro 2010

. Junho 2010

. Janeiro 2010

. Julho 2009

. Junho 2009

. Abril 2009

. Março 2009

. Fevereiro 2009

. Julho 2008

. Junho 2008

.tags

. todas as tags

blogs SAPO

.subscrever feeds