Параллакс в WordPress

У меня есть следующий код параллакса в моем файле page-parralax.php:

get_header(); ?>

<?php
$args = array(
'post_type' => 'parallax',
'order' => 'ASC',
'orderby' => 'menu_order'
);
$parallax = new WP_Query($args);
while($parallax->have_posts()) : $parallax->the_post();

$parallaxImage = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 'large');
$breakUrl = str_replace('http://localhost/themes', '', $parallaxImage[0]); ?>

<div class="wrapper">

<div class="container">
<div id="clearfix">
<section class="parallax" id="section_<?php echo the_ID(); ?>" style="background: url('../<?php echo $breakUrl; ?>') fixed;"></section>
<section id="section_<?php echo the_ID();?>" class="parallax" style="background: url('../<?php echo $breakUrl; ?>') fixed;"></section>

<div class="parralax-container">
<h2><?php the_title(); ?></h2>
<div class="page-content">
<?php the_content();?>
</div>
</div>
</div>
</div>

</div>
<?php
endwhile;
wp_reset_postdata();
get_footer();
?>

Но когда я пытаюсь увидеть это, он возвращает следующую ошибку:

ПОЛУЧИТЬ Http: //localhost/themes/index.php/wp-content/uploads/2015/10/macbook_overview_og-700×700.jpg 404 (не найдено) для каждого изображения.

Если я потом изменю его в консоли:

Http: //localhost/themes/wp-content/uploads/2015/10/macbook_overview_og-700×700.jpg он отображается правильно.

Это потому, что я использую localhost, он создает эту ошибку?