Slider

<div id="carpose-image-slider" data-offer-number="carpose-de"></div>

HTML Attributes

The HTML snippet requires the id filled with the value carpose-image-slider to initialize the component. For the mapping between the car ad on your website and Carpose its mandatory to provide at least the data-id or data-offer-number field.

Data Attribute	Type	Example Value	Description
id	string	carpose-image-slider	Required to initalize the component
data-id	int	46649	Internal ID of the Carpose
data-offer-number	string	carpose-de	External ID of an provider like Netconnection or CarZilla

JavaScript Events

The component fires certain events for certain conditions to hook into the process.

Event	Description
carpose-image-slider-loaded	Successfully loaded the viewer
carpose-image-slider-failed	Failed to load the viewer for any reason

Example

var viewer = document.getElementById('carpose-image-slider');

viewer.addEventListener('carpose-image-slider-loaded', function f() {
    // do whatever you want
});

CodePen