Jak dostosować kod JS z html do kodu Wordpress-a

pytanie zadane 3 czerwca 2016 w JavaScript przez bugzel Nowicjusz (120 p.)

Zaczynam przygodę z Wordpressem. Próbuje zmienić mój kod HTML na php dostosowany do wordpressa. Wczytałem już JS w pliku function.php

Poniżej znajduje się kod, działający zwyczajnie przy pomocy HTML:

var numer = Math.floor(Math.random()*5)+1;
       

        function changeImg(){
            numer++; if(numer>5) numer = 1;
            if(numer<=0) numer= 1
            var plik = "<div style='background-image:url(graphics/img/r"+numer+".jpg)'></div>";
            document.getElementById('mein_slider').innerHTML = plik;;

            setTimeout('changeImg()', 8000);
        }

w body jest: onload="changeImg();"

jak to dostosować do wordpressa? próbowałem zmienic var plik = "<img src='<?php bloginfo('template_directory'); ?>'/graphics/img/r"+numer+".jpg'>";

ale nie tędy droga.

Być może powinienem wczytać obrazki do Media w WP i wtedy jakoś zmienić var plik =

Proszę o rade. ;-)

1 odpowiedź

odpowiedź 4 czerwca 2016 przez Magicone Nałogowiec (45,100 p.)

A div który tworzysz ma tak w ogóle wysokość większą niż 0?

komentarz 4 czerwca 2016 przez Magicone Nałogowiec (45,100 p.)

Nawiasem, dlaczego obrazek jest reprezentowany przez znacznik <div>, a nie <img>?

komentarz 4 czerwca 2016 przez bugzel Nowicjusz (120 p.)

Dlatego że w pierwszym przykładzie chce żeby funkcja tworzyła diva do którego przypisuje style="background-image". W kodzie do Wordpress-a używam już <img>.

komentarz 4 czerwca 2016 przez bugzel Nowicjusz (120 p.)

Tak ma wysokość większą niż 0. Chodzi o to że ta funkcja działa w html tak jak jest, ale gdy chce skorzystać w tej funkcji w php czyli próbuje wyciągnąć ścieżkę do pliku z serwera to dostaje komunikat zwrotny że nie ma takich plików. (a są)