Selecting Carousel Images

How to?
#1

I'm trying to scrape data from foursquare.com with webscraper.io:
Hotels W12
but am having a problem extracting images from the banner as they are stored in a carousel:
Dorsett Shepherds Bush - Hotel in Shepherd's Bush
Using Element click selector I got the scraper to step through the images in the carousel but can't extract the images.

Url: Dorsett Shepherds Bush - Hotel in Shepherd's Bush

Sitemap:
{"_id":"hotels4sq","startUrl":["https://foursquare.com/explore?mode=url&near=W12&nearGeoId=149463212633404584&q=Hotel"],"selectors":[{"id":"links","parentSelectors":["_root"],"type":"SelectorLink","selector":".hasPhoto.tipWithLogging h2 a","multiple":true,"linkType":"linkFromHref"},{"id":"name","parentSelectors":["links"],"type":"SelectorText","selector":"h1","multiple":false,"regex":""},{"id":"address","parentSelectors":["links"],"type":"SelectorText","selector":"div[itemprop='address']","multiple":false,"regex":""},{"id":"phone","parentSelectors":["links"],"type":"SelectorText","selector":"span[itemprop='telephone']","multiple":false,"regex":""},{"id":"website","parentSelectors":["links"],"type":"SelectorLink","selector":"a.url","multiple":false,"linkType":"linkFromHref"},{"id":"thumbnail","parentSelectors":["links"],"type":"SelectorElementClick","clickActionType":"real","clickElementSelector":".photo.photoWithContent img","clickElementUniquenessType":"uniqueHTMLText","clickType":"clickOnce","delay":2000,"discardInitialElements":"do-not-discard","multiple":true,"selector":".photoWithContent img"},{"id":"carousel","parentSelectors":["thumbnail"],"type":"SelectorElementAttribute","selector":".photo.photoWithContent img","multiple":false,"extractAttribute":"src"}]}

#2

Hi,

Please try the following sitemap:

{"_id":"hotels4sq","startUrl":["https://foursquare.com/explore?mode=url&near=W12&nearGeoId=149463212633404584&q=Hotel"],"selectors":[{"id":"links","linkType":"linkFromHref","multiple":true,"parentSelectors":["_root"],"selector":".hasPhoto.tipWithLogging h2 a","type":"SelectorLink"},{"id":"name","multiple":false,"parentSelectors":["links"],"regex":"","selector":"h1","type":"SelectorText"},{"id":"address","multiple":false,"parentSelectors":["links"],"regex":"","selector":"div[itemprop='address']","type":"SelectorText"},{"id":"phone","multiple":false,"parentSelectors":["links"],"regex":"","selector":"span[itemprop='telephone']","type":"SelectorText"},{"id":"website","linkType":"linkFromHref","multiple":false,"parentSelectors":["links"],"selector":"a.url","type":"SelectorLink"},{"clickActionType":"real","clickElementSelector":".photoWithContent img","clickElementUniquenessType":"uniqueCSSSelector","clickType":"clickOnce","delay":0,"discardInitialElements":"discard-when-click-element-exists","id":"thumbnail","multiple":true,"parentSelectors":["links"],"selector":"body","type":"SelectorElementClick"},{"id":"image","multiple":false,"parentSelectors":["thumbnail"],"selector":"#currentImage img","type":"SelectorImage"}]}

I have adjusted the click and the following image selector.

#3

Thanks that works wonderfully, I was overcomplicating the issue by choosing the wrong type.

#4

Just discovered although data preview shows multiple images, only one is scraped.