Следующий код jquery backstretch не работает для моей темы WordPress

Question

пытался обработать следующий код и поставил в очередь его в моих функциях wordpress, но он не функционировал

jQuery (документ) .ready (function ($) {'use strict';

    jQuery('body').backstretch([
       "<?php bloginfo('template_directory');?>/images/mission-1.jpg",

        "<?php bloginfo('template_directory');?>/images/UAF-Africa1.jpg"

    ], {duration: 5000, fade: 500, centeredY: true });

    $("#mapwrapper").gMap({ controls: false,

        scrollwheel: false,

        markers: [{
            latitude:40.7566,
            longitude: -73.9863,
        icon: { image: "images/marker.png",
            iconsize: [44,44],
            iconanchor: [12,46],
            infowindowanchor: [12, 0] } }],
        icon: {
            image: "images/marker.png",
            iconsize: [26, 46],
            iconanchor: [12, 46],
            infowindowanchor: [12, 0] },
        latitude:40.7566,
        longitude: -73.9863,
        zoom: 14 });
});