Scrape Images from slider

How to?
#1

Describe the problem.
Can anybody guide me how to scrape all the images from the slider in one column there are total 27 images are present in this link.

Url: Integral Autostar diesel ERGUE-GABERIC 29 | 73890 Euros 2020 17210086

Sitemap:
{"_id":"ouestfrance","startUrl":["Occasion camping car ],selectors:[{id:Nom : Ouest France Auto de l'annonce","type":"SelectorLink","parentSelectors":["_root"],"selector":"div[itemprop='itemListElement']:nth-of-type(n+2) a[itemprop='url']","multiple":true,"delay":0},{"id":"Prix","type":"SelectorText","parentSelectors":["Nom de l'annonce"],"selector":"li:nth-of-type(1) div.text-capitalize","multiple":false,"regex":"","delay":0},{"id":"Kilométrage","type":"SelectorText","parentSelectors":["Nom de l'annonce"],"selector":"[itemprop='mileageFromOdometer'] div.value","multiple":false,"regex":"","delay":0},{"id":"Mise en circulation","type":"SelectorText","parentSelectors":["Nom de l'annonce"],"selector":"div[itemprop='dateVehicleFirstRegistered']","multiple":false,"regex":"","delay":0},{"id":"Carburant","type":"SelectorText","parentSelectors":["Nom de l'annonce"],"selector":"div[itemprop='fuelType']","multiple":false,"regex":"","delay":0},{"id":"Puissance","type":"SelectorText","parentSelectors":["Nom de l'annonce"],"selector":"li.picto:nth-of-type(5) div.value","multiple":false,"regex":"","delay":0},{"id":"Carosserie","type":"SelectorText","parentSelectors":["Nom de l'annonce"],"selector":"li:nth-of-type(6) div.text-capitalize","multiple":false,"regex":"","delay":0},{"id":"Finition","type":"SelectorText","parentSelectors":["Nom de l'annonce"],"selector":"div[itemprop='vehicleConfiguration']","multiple":false,"regex":"","delay":0},{"id":"couleur","type":"SelectorText","parentSelectors":["Nom de l'annonce"],"selector":"div[itemprop='color']","multiple":false,"regex":"","delay":0},{"id":"Millésime","type":"SelectorText","parentSelectors":["Nom de l'annonce"],"selector":"div[itemprop='productionDate']","multiple":false,"regex":"","delay":0},{"id":"Modèle","type":"SelectorText","parentSelectors":["Nom de l'annonce"],"selector":".description-content li:nth-of-type(2) div.col-xs-6.value","multiple":false,"regex":"","delay":0}]}

#2

Hi @toolsleads

There are multiple ways to do it.

The easiest one is to use an "Element attribute" selector - div.ann-main-photo with an "Attribute-name" - data-photos.

Later you can clean up the data using Web Scraper Cloud parser feature.

All photos
All photos1806×746 74.5 KB

Second option(Not recommended):
It seems that by default it is possible to access 3 images and after performing the "next" click it replaces the existing images with new ones.

To limit the click you can use an "Element click" selector - body:has(div.pswp__counter:not(:contains("27 / 27"))) with a "Click selector" - button.pswp__button--arrow--right.

And for the image extraction a "Grouped" selector - img.pswp__img with an "Attribute name" - src.

The down side to this is that it will produce many duplicate records and the final data won't appear in the same row.