Cacher is the code snippet organizer for pro developers

Las imagenes tienen que ser como mínimo de un tamaño de: 1920 x 1280

<?php
/*El campo imagen tiene que estar vinculado al Archivo en la configuración del campo
Excluido de la presentación.
El campo php tiene que tener como class 'bg'
*/
//dsm($data);
//print $data ->field_field_image[0]['rendered']['#path'];
?>
<div class="views-field-field-image" style="background-image: url('<?php $url_imagen = $data ->field_field_image[0]['rendered']['#path']['path'];
print $url_imagen;
?>');"

/*Le asignamos una altura al campo php tanto al envoltorio como al div interior*/

$(".block-banner-rotator-block .bg").css('height', hi + 'px');
$(".block-banner-rotator-block .views-field-field-image").css('height', hi + 'px');

/*BANNER ROTATOR BACKSTRECH*/
.block-banner-rotator-block .views-field-field-image {
    background: no-repeat 0 0 fixed;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.block-banner-rotator-block .bg .field-content {
    position: absolute;
    clip: rect(auto, auto, auto, auto);
    width: 100%;
    height: 100%;
}

.front .block-banner-rotator-block .views-field-field-image {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    position: fixed;
    background-size: cover;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: -1;
}