Inserire codice jQuery

[mrkarati]

Salve,
sto creando un content slider in Questa Pagina utilizzando Questa Guida che ho trovato online. Vorrei però far in modo che le slide cambino automaticamente dopo un tot di tempo. Ho quindi trovato scritto che è necessario utilizzare questo codice:

$(function(){
  $('#slider1').bxSlider({
    auto: true,
    pager: true
  });
});

Il problema è che non so come devo inserirlo nella pagina. Fin'ora l'ho inserito così:

<script type="text/javascript">
$(function(){
  $('#slider1').bxSlider({
    auto: true,
    pager: true
  });
});
}(jQuery))
</script>

Però ovviamente non funziona. Potete aiutarmi?

Quello che devi fare è aggiungere le opzioni quando crei lo slider.

Quindi cambia

<script type="text/javascript">
  $(document).ready(function(){
    $('#slider').bxSlider();
  });
</script>

<!-- ### FUNZIONE PER SFOGLIARE AUTOMATICAMENTE LE SLIDE ### -->
<script type="text/javascript">
$(function(){
  $('#slider1').bxSlider({
    auto: true,
    pager: true
  });
});
}(jQuery))
</script> 

in

<script type="text/javascript">
  $(document).ready(function(){
    $('#slider').bxSlider({
    auto: true,
    pager: true
    });
  });
</script> 

[mrkarati]

Funziona perfettamente. Ti ringrazio molto.

[mrkarati]

Se posso fare una domanda sempre sullo stesso codice... mi interesserebbe poter fare due ulteriori cose ma non ci riesco:

1) Decidere dopo quanti secondi fare il cambio automatico di slide;
2) Evitare che dopo aver premuto la feccia per il passaggio manuale di slide si disabiliti il cambio automatico;

Se ci fossero problemi a continuare in questa discussione avvisatemi pure.