A part of camera image on site

[buuuudzik]

I've already prepared such function.

1. Image (with camera source) can has any Height x Width. It depends what part of camera image is important for you. If e.g. you want have a little image of doors or some light it can be 56x56px.
 
2. Image must has Additional class e.g. "Gate_View".

3. In Custom CSS you must add this two sections:

Code:

.Gate_View {
width: 320px;
height: 150px;
overflow: hidden;
}


.Gate_View > img {
position: absolute;
left: -320px;
top: -100px;
height: 1024px !important;
width: 960px !important;
max-width: none !important;
}

But you must change below parameters for your need:

".Gate_View" parameters changes the box for your camera image(how much big your camera image will be on site, should be the same as in the editor).

".Gate_View > img" parameters changes your camera image(zoom and position in the box).

Below I attached sample result.