Extracting images from carousels

How to?
#1

Describe the problem.

Hi .. I cant seem to figure out how to extract images from carousels like this one from this link I tried almost everything on here but nothing seems to be working for me.

Basically just need a working method in extracting images from products on eCommerce websites preferably the one with the link above. Thanks.

Url: https://www.jumia.com.ng/m-audio-m-track-2x2-c-series-2-in2-out-usb-audio-interface-24-bit192khz-25713285.html?seller_product=1

Sitemap:

{"_id":"djmixers","startUrl":["https://www.jumia.com.ng/dj-equipment-mixers/?page=[1-7]"],"selectors":[{"id":"products","type":"SelectorLink","parentSelectors":["_root"],"selector":".-gallery a","multiple":true,"delay":0},{"id":"name","type":"SelectorText","parentSelectors":["products"],"selector":"h1","multiple":false,"regex":"","delay":0},{"id":"price","type":"SelectorText","parentSelectors":["products"],"selector":".price-box div span.price","multiple":false,"regex":"","delay":0},{"id":"description","type":"SelectorText","parentSelectors":["products"],"selector":"div.product-description","multiple":false,"regex":"","delay":0},{"id":"specification","type":"SelectorText","parentSelectors":["products"],"selector":".tab-content > div > div:nth-of-type(1), div.list, div:nth-of-type(n+5) div.osh-col","multiple":false,"regex":"","delay":0},{"id":"images ","type":"SelectorElementAttribute","parentSelectors":["products"],"selector":"div.media, .cycle-carousel-wrap img.-loaded","multiple":true,"extractAttribute":"","delay":0}]}

#2

I don't have the full solution for you but perhaps this could help you. I am also new to Web Scraper. Based on the url you provided, I just used Type:HTML and selected the whole carousel (Selector is div.media). This will return the chunk of HTML code used for the carousel.

Within the code are the bigger images as seen on the website. All the urls look like this: https://ng.jumia.is/Vbx7kU245kKKu4qWOz6-UmJI1Gc=/fit-in/680x680/filters:fill(white):sharpen(1,0,false):quality(100)/product/58/231752/2.jpg?3089

The common pattern is "680x680". Below is the Json I used:
{"_id":"jumiatest","startUrl":["https://www.jumia.com.ng/m-audio-m-track-2x2-c-series-2-in2-out-usb-audio-interface-24-bit192khz-25713285.html?seller_product=1"],"selectors":[{"id":"galleryhtml","type":"SelectorHTML","parentSelectors":["_root"],"selector":"div.media","multiple":false,"regex":"","delay":0}]}

#3

This will grab all the carousel img Urls. You'd need to download them separately.

Type: Element attribute
Selector: div#imgs.sldr a.itm
Multiple: yes (checked)
Attribute name: href