Jump to content
Fórum Script Brasil
  • 0

Problema com background slideshow via javascript


iglesias

Question

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 to comment
Share on other sites

5 answers to this question

Recommended Posts

  • 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 to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.



  • Forum Statistics

    • Total Topics
      152.2k
    • Total Posts
      652k
×
×
  • Create New...