Inne Automatycznie zmieniający się tekst

Witam, chciałbym do swojego szablonu dodać taki skrypt:
Skrypt

Dodałem do headerinclude to:

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

Oraz:

<script type="text/javascript">
(function() {

   var quotes = $(".quotes");
   var quoteIndex = -1;

   function showNextQuote() {
       ++quoteIndex;
       quotes.eq(quoteIndex % quotes.length)
           .fadeIn(2000)
           .delay(2000)
           .fadeOut(2000, showNextQuote);
   }

   showNextQuote();

})();
</script>

Do szablonu css również jest wszystko dodane tak jak wg. instrukcji i kod html również dodałem tam, gdzie chciałbym, aby skrypt działał... Niestety tak nie jest.

Proszę o pomoc

Szogi1910 napisał 09.10.2017, 11:10:
Nazwa tematu powinna być krótkim opisem problemu, popraw ją i zapoznaj się z

Jak szybko otrzymać pomoc?

Gdzie zamiesciles kod HTML? Gdzie ma się pokazywać?

<div id="header_block">
<h2 class="quotes">first quote</h2>
<h2 class="quotes">second quote</h2>
</div>

Jest to ten animowany obrazek...

Nie masz przypadkiem 2 razy dolączonego jquery w headerinclude?

Ten kod:

<script type="text/javascript">
(function() {

   var quotes = $(".quotes");
   var quoteIndex = -1;

   function showNextQuote() {
       ++quoteIndex;
       quotes.eq(quoteIndex % quotes.length)
           .fadeIn(2000)
           .delay(2000)
           .fadeOut(2000, showNextQuote);
   }

   showNextQuote();

})();
</script>

Kod należy wkleić w stopce, ale po wklejeniu pokazał mi się pasek przewijania na spodzie, jak się tego pozbyć...?

w global.css w sekcji body należy dodać: overflow-x:hidden;