Ir para conteúdo
Fórum Script Brasil
  • 0

Problema com background slideshow via javascript


iglesias

Pergunta

Pessoal, boa noite,

Eu tenho uma pequena empresa de roupas e não tenho (ainda) recurso para pagar um site então, resolvi eu mesmo criar um (tenho uma pequena noção de como fazer). A questão é que estou tentando ativar um script que faz o backgound da página mudar de tempos em tempos mas não está funcionando... Ele começa a passar as imagens sem parar (são três ao todo que podem ser selecionadas manualmente com o mouse no site).

O script fica dentro de uma <div> no site e é composto por três arquivos js (bgSlider.js, bg.js e script.js)

Segue as partes que eu acho que funcionam para colocar o script em ação:

Esse é do "script.js"

//bg animate
    $('#bgSlider').bgSlider({
        duration:1200,
        pagination:'.pagination',
        preload:true,
        spinner:'.bg_spinner'
    })
        
 });
Esse do bg.js
var fl;
$(document).ready(function() {

    var w_img=2800, h_img=1700;
    var w,new_w,h, new_h, num;
    var h_cont=1000, h_cont_new=1000;
    setWidth();
    setHeight();
    w=new_w;h=new_h;
    setSize();
    function setWidth(){
        new_w=$(window).width();
    }
    function setHeight(){
        new_h=$(window).height();
    }
    function setSize(){
        if ((w/w_img) > (h/h_img)) {
            w_img_new=w+20;
            h_img_new=~~((w+20)*h_img/w_img);
        } else {
            h_img_new=h+20;    
            w_img_new=~~((h+20)*w_img/h_img);
        }
        $('#bgSlider img').css({width:w_img_new, height:h_img_new});
        if (h>h_cont) {
            m_top=~~((h-h_cont)/2);
        } else m_top=0
        $('.box').stop().animate({paddingTop:m_top+20},1000, 'easeOutCirc');
        h_cont_new=h_cont
    }
    setInterval(setNew,1);
    function setNew(){
        setWidth();
        setHeight();
        if (fl) {h_cont=800;} else {h_cont=1000;}
        if ((w!=new_w)||(h!=new_h)||(h_cont_new!=h_cont)) {
            w=new_w;h=new_h;
            setSize();
        }
    }
})
E esse do bgSlider.js
$.extend(_fw.meth,{
    bgSlider:{
            slideshow:false,
            duration:1500,
            easing:'',
            preload:false,
            pagination:false,
            pagActiveCl:'current',
            pagEv:'click',
            pagArea:'a',
            current:0,
            currN:0,
            method:'fit',
            altCSS:{},
            padding:0,
            preload:false,
            spinner:false,
            minSpinnerWait:150,
            preloadFu:function(){
                var opt=this,
                    img=$('<img>')
                            .css({position:'absolute',left:'-999%'})
                            .appendTo('body'),
                    num=opt.images.length
            ;(function(){

Já tentei mexer no que pode ser alterado mas não consigo fazer os 3 fundos do site passarem pausadamente... se eu colocar "true" no "slideshow" os papeis de parede simplesmente passam doidos!

Mas é isso.. Agradeço desde já a atenção de vocês. Se puderem me ajudar eu agradeço imensamente, se não puderem também não tem problema, agradeço da mesma forma.

Abraços.

Link para o comentário
Compartilhar em outros sites

5 respostass a esta questão

Posts Recomendados

  • 0

Oi fiote, muito obrigado por me ajudar.

"sem intervalo" quer dizer que passa muito rápido, tipo menos de 1 segundo em cada número (img 1, 2 e 3). É tão rápido que nem carrega as imagens, fica somente na primeira (1).

O slideshow funciona bem quando deixo no "false". Daí eu posso mudar o background do site manualmente, clicando nos números 1, 2 e 3. Mas o site ficaria muito mais atraente se fosse possível ativar essa função do slideshow.

Ah... esqueci de colocar onde o comando de selecionar os backgrounds entra na html:

<footer>
<div class="bg_spinner"></div>
<ul class="pagination">
<li class="current"><a href="images/bg_img1.jpg">1</a></li>
<li><a href="images/bg_img2.jpg">2</a></li>
<li><a href="images/bg_img3.jpg">3</a></li></ul>

Obrigado!

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,5k
×
×
  • Criar Novo...