Top wide images change

Hello,
I have just installed the hot start one page template (with sample data) and I am making changes.
How can I replace the two images just under the top menu?
(not by replacing the initial images of course)

Thank you in advance

Konstantinos

In index.php of template near bottom:


and in layout.css:


.fullwidth {
background: url(../images/custom/town_summer.jpg) no-repeat bottom;
background-size: cover;
}


change image path to point to your two images

Hi:

Can you say me how to increase the number of images, i nedd at least 3 o 5 images total

Saludos
Wladimir Muriel

Its designed for swapping two images. Maybe something like this:

<script type="text/javascript">
var f_images = [
'/images/custom/town_winter.jpg',
'/images/custom/town_summer.jpg',
'/images/custom/image3.jpg',
'/images/custom/image4.jpg',
...
'/images/custom/imageN.jpg'
];
var curr_image = 0;

jQuery(".subtext").toggle(
function () {
curr_image++;
if(curr_image == f_images.length)curr_image = 0;
jQuery('.fullwidth').css('background-image','url(<?php echo $template_path; ?>' + f_images[curr_image] + ')');
},
function () {
curr_image++;
if(curr_image == f_images.length)curr_image = 0;
jQuery('.fullwidth').css('background-image','url(<?php echo $template_path; ?>' + f_images[curr_image] + ')');
}
);
</script>

I checked the index.php and layout css.
Still my top image is invisible.
The images appears only in a small line.

www.onzekathedralenbouwers.nl/

put few <br/> in module content at bottom