Slides nos widgets

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Slides nos widgets

Mensagem por Gabyte em 13/01/12, 08:18 pm

Qual é minha questão:
Olá sou Gabyte. Podem me ajudar com uma pequena coisa ? Esses dias, eu li um tutorial de Slide nos Widgets. Mais no exemplo do tutorial, da para colocar somente 1 imagem para passar no Slide.

Codigo: ▼

Código:


            <script type="text/javascript" src="http://steeph.vilabol.uol.com.br/slidedenovidades/slide3_script1.js"></script>
            <script type="text/javascript" src="http://steeph.vilabol.uol.com.br/slidedenovidades/slide3_script2.js"></script>

            <script>
            var simpleGallery_navpanel={
                panel: {height:'45px', opacity:0.5, paddingTop:'5px', fontStyle:'bold 11px Verdana'}, //customize nav panel container
                images: [    'http://img801.imageshack.us/img801/833/left.gif', 'http://img185.imageshack.us/img185/4655/playf.gif', 'http://img824.imageshack.us/img824/9263/right.gif', 'http://img291.imageshack.us/img291/3786/paused.gif'    ], //nav panel images (in that order)
                imageSpacing: {offsetTop:[-4, 0, -4], spacing:10}, //top offset of left, play, and right images, PLUS spacing between the 3 images
                slideduration: 500 //duration of slide up animation to reveal panel
            }
            </script>

            <script type="text/javascript">

            var mygallery=new simpleGallery({
                wrapperid: "simplegallery1", //ID of main gallery container,
                dimensions: [500, 220], //width/height of gallery in pixels. Should reflect dimensions of the images exactly
                imagearray: [
                    ["Imagem", "Link]", "_new", "Título"],
             
                ],
                autoplay: [true, 2500, 50], //[auto_play_boolean, delay_btw_slide_millisec, cycles_before_stopping_int]
                persist: false, //remember last viewed slide and recall within same session?
                fadeduration: 500, //transition duration (milliseconds)
                oninit:function(){ //event that fires when gallery has initialized/ ready to run
                    //Keyword "this": references current gallery instance (ie: try this.navigate("play/pause"))
                },
                onslide:function(curslide, i){ //event that fires after each slide is shown
                    //Keyword "this": references current gallery instance
                    //curslide: returns DOM reference to current slide's DIV (ie: try alert(curslide.innerHTML)
                    //i: integer reflecting current image within collection being shown (0=1st image, 1=2nd etc)
                }
            })

            </script><div class="slideshowborda" id="simplegallery1" style="z-index:1;">
            </div>

       

Mais informações sobre o Tutorial: Clique Aqui

Medidas que eu tomei para corrigir o problema:
Decidi vir aqui pedir ajuda.

Imagens do meu problema:


Endereço do meu fórum:
http://www.braislplayhunter.forumeiros.com

Versão do meu fórum:
INVISION
avatar

Gabyte
Nível 5

Masculino
Inscrito dia : 04/01/2012
Mensagens : 57
Pontos Ativos : 111

Ver perfil do usuário http://slyce-design.forumeiros.com

Resolvido Re: Slides nos widgets

Mensagem por Gabyte em 13/01/12, 09:18 pm

Me ajudem por favor
avatar

Gabyte
Nível 5

Masculino
Inscrito dia : 04/01/2012
Mensagens : 57
Pontos Ativos : 111

Ver perfil do usuário http://slyce-design.forumeiros.com

Resolvido Re: Slides nos widgets

Mensagem por Convidad em 13/01/12, 10:55 pm

Olá,

Basta você adicionar esta parte:

Código:
 ["Imagem", "Link]", "_new", "Título"],

Mais vezes, por exemplo com duas imagens, o código ficaria assim:

Código:


            <script type="text/javascript" src="http://steeph.vilabol.uol.com.br/slidedenovidades/slide3_script1.js"></script>
            <script type="text/javascript" src="http://steeph.vilabol.uol.com.br/slidedenovidades/slide3_script2.js"></script>

            <script>
            var simpleGallery_navpanel={
                panel: {height:'45px', opacity:0.5, paddingTop:'5px', fontStyle:'bold 11px Verdana'}, //customize nav panel container
                images: [    'http://img801.imageshack.us/img801/833/left.gif', 'http://img185.imageshack.us/img185/4655/playf.gif', 'http://img824.imageshack.us/img824/9263/right.gif', 'http://img291.imageshack.us/img291/3786/paused.gif'    ], //nav panel images (in that order)
                imageSpacing: {offsetTop:[-4, 0, -4], spacing:10}, //top offset of left, play, and right images, PLUS spacing between the 3 images
                slideduration: 500 //duration of slide up animation to reveal panel
            }
            </script>

            <script type="text/javascript">

            var mygallery=new simpleGallery({
                wrapperid: "simplegallery1", //ID of main gallery container,
                dimensions: [500, 220], //width/height of gallery in pixels. Should reflect dimensions of the images exactly
                imagearray: [
                    ["Imagem", "Link]", "_new", "Título"],
 ["Imagem", "Link]", "_new", "Título"],
             
                ],
                autoplay: [true, 2500, 50], //[auto_play_boolean, delay_btw_slide_millisec, cycles_before_stopping_int]
                persist: false, //remember last viewed slide and recall within same session?
                fadeduration: 500, //transition duration (milliseconds)
                oninit:function(){ //event that fires when gallery has initialized/ ready to run
                    //Keyword "this": references current gallery instance (ie: try this.navigate("play/pause"))
                },
                onslide:function(curslide, i){ //event that fires after each slide is shown
                    //Keyword "this": references current gallery instance
                    //curslide: returns DOM reference to current slide's DIV (ie: try alert(curslide.innerHTML)
                    //i: integer reflecting current image within collection being shown (0=1st image, 1=2nd etc)
                }
            })

            </script><div class="slideshowborda" id="simplegallery1" style="z-index:1;">
            </div>

Até mais.
Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre códigos'

Convidad
Convidado


Resolvido Re: Slides nos widgets

Mensagem por Gabyte em 13/01/12, 11:18 pm

Resolvido. Obrigado Ajudeiro Touks
avatar

Gabyte
Nível 5

Masculino
Inscrito dia : 04/01/2012
Mensagens : 57
Pontos Ativos : 111

Ver perfil do usuário http://slyce-design.forumeiros.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum