Como utilizar plugin jQuery?

C

Camila Pimentel

Membro
Olá, pessoal! Sou nova por aqui e inscrevi-me propositadamente para fazer a pergunta mais n00b que provavelmente já circulou no forum. Desculpem, desde já.

Preciso muito de utilizar este plugin: https://www.jqueryscript.net/other/jQuery-Plugin-To-Play-Audios-On-Scroll-AudioFade.html, mas nem sequer sabia o que era jQuery há dois dias atrás. Tenho andado a tentar safar-me sozinha mas está difícil.

Já fiz o download do plugin e da jQuery library. Segundo o que fui pesquisando pareceu-me que devia inserir o plugin no html do blog desta forma, mas não está a resultar (nada acontece).
Código: 
<head><script src="jquery.min.js"></script>
<script src="js/AudioFade.js"></script></head>

<body> <audio loop id="scrollaudio" src="sound/complex.mp3"></audio> <audio loop id="scrollaudio2" src="sound/amok.mp3"></audio> <audio id="scrollaudio3" src="sound/correct.wav"></audio>

(...)

<script> $(function() { var first = new AudioFade('#scrollaudio', 300, 1300, 700).init(); var second = new AudioFade('#scrollaudio2', 2200, 3000).init(); var third = new AudioFade('#scrollaudio3', 4000).init(); }); </script> </body>

O que estou a fazer de errado? Muito agradecida desde já.
 
Os ficheiros javascript não se incluem na tag <head> do html, mas normalmente no fim da página antes de fechar a tag </body> ou </html> e obviamente antes das funções javascript, pois caso contrário estas não funcionarão.
Dentro da tag <head> normalmente metem-se os ficheiros css, para estilizarem a página.
Código: 
<html>
<head>
<link rel="stylesheet" href="https:../js/plugins/select2/select2.min.css">
</head>
<body>
....
<script src="../js/bootstrap-table.js"></script>
<script>
$(function(){
...
});
</body>
</html>

Outro pormenor a ter em atenção é aos caminhos para os ficheiros que se incluem nos scripts. Em caso de dúvida e se encontrar ligado à net utilize o caminho indicado pelo site no CDN.
Exemplo para o jquery.min
Código: 
<script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
Este procedimento obriga a estar sempre ligado à net, se descarregar o ficheiro para um servidor local, ai terá de colocar na pasta onde está o seu projecto e definir o caminho conforme indicou no seu exemplo.
 
Inicie sessão ou registe-se para poder participar.
Back
Topo