Sexta-feira, 27 de Fevereiro de 2009

SAPO.Widget.ImageSlide

SAPO.Widget.ImageSlide

Apresentamos mais um componente/widget da LibSAPO.js

 

Exemplo:

 

 

Para o exemplo anterior, o código usado foi este:

 

<!--
ImageSlide
-->

<div id="sapo_widget_imageslide_blogsample"></div>

<script type="text/javascript">
    var option_sapo_widget_imageslide_blogsample = {
    tabs : [
      {    
        id : 'sapo_widget_imageslide_blogsample_tab',
        title : 'Isto é um exemplo',
        elements : [
            {
                title: 'Age of empires II',
                url: 'http://www.sapo.pt/',
                image: 'https://js.sapo.pt/Assets/Images/ImageSlider/age2.gif'
            },
            {
                title: 'Airstrike',
                url: 'http://www.sapo.pt/',
                image: 'https://js.sapo.pt/Assets/Images/ImageSlider/airstrike.jpeg'
            },
            {
                title: 'Atlantis',
                url: 'http://www.sapo.pt/',
                image: 'https://js.sapo.pt/Assets/Images/ImageSlider/atlantis.jpeg'
            },
            {
                title: 'Championship Manager',
                url: 'http://www.sapo.pt/',
                image: 'https://js.sapo.pt/Assets/Images/ImageSlider/cm.jpeg'
            },
            {
                title: 'Colin McRae DiRT',
                url: 'http://www.sapo.pt/',
                image: 'https://js.sapo.pt/Assets/Images/ImageSlider/dirt.jpeg'
            },
            {
                title: 'Fable',
                url: 'http://www.sapo.pt/',
                image: 'https://js.sapo.pt/Assets/Images/ImageSlider/fable.jpeg'
            },
            {
                title: 'Jet fighter',
                url: 'http://www.sapo.pt/',
                image: 'https://js.sapo.pt/Assets/Images/ImageSlider/jet.jpeg'
            },
            {
                title: 'Overlord',
                url: 'http://www.sapo.pt/',
                image: 'https://js.sapo.pt/Assets/Images/ImageSlider/overlord.jpeg'
            },
            {
                title: 'Puzzle',
                url: 'http://www.sapo.pt/',
                image: 'https://js.sapo.pt/Assets/Images/ImageSlider/puzzle.jpeg'
            },
            {
                title: 'Tomb Raider',
                url: 'http://www.sapo.pt/',
                image: 'https://js.sapo.pt/Assets/Images/ImageSlider/tomb2.jpeg'
            },
            {
                title: 'Zoo Tycoon 2',
                url: 'http://www.sapo.pt/',
                image: 'https://js.sapo.pt/Assets/Images/ImageSlider/zoo.jpeg'
            }
        ]
      }
    ],
    visible : 5, 
    image_size : [95,95], 
    visible_area_width : 450, 
    left_control_content: '<img src="https://js.sapo.pt/Assets/Images/ImageSlider/jogos_left.gif" alt="left_control" />',
    right_control_content: '<img src="https://js.sapo.pt/Assets/Images/ImageSlider/jogos_right.gif" alt="right_control"/>'
    };

    new SAPO.Widget.ImageSlider('sapo_widget_imageslide_blogsample', option_sapo_widget_imageslide_blogsample);

</script> 

 

Para outras opções veja o exemplo no seguinte link

publicado por suskind às 00:31
link do post | comentar | favorito

.mais sobre mim

.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