1

How do I locate images on a carousel in a webpage?

For example in www.Amazon.com how can I locate the image "Amazon FireTV"? I tried using firebug and firepath to get it's xpath. Here is the generated code

.//*[@id='image-map-ns_0ZQX7SFF6V0EPC565G2P_12436_']/div/div/map/area

I am aware that the element is dynamic. I tried using the 'contains' keyword but I still can't locate the element. Here is the xpath that I tried

.//*[@id='image-map-ns_0ZQX7SFF6V0EPC565G2P_12436_']/div/div/map/area[contains(@alt, 'Amazon Devices')]

Steps to recreate the scenario I'm doing

  1. Go to www.amazon.com

  2. On the carousel click the 5th bullet(This shows the image of the Amazon FireTV)

  3. locate the element usin Firebug and Firepath

zlloyd
  • 111
  • 4
  • 14
  • Once try with this xpath: ** .//div[@id='main-image-container']/ul/li/span/span/div/img[@alt='Amazon Fire TV'] **. – Saritha G Jul 03 '15 at 06:52

1 Answers1

2

On the carousel click the 5th bullet

On the carousel click the 5th bullet(currently it shows Fire HD Kids Edition )

$x("//a[contains(@class,'herotator-goToPage-5')]");

locate the element

select the image Fire HD Kids Edition using the alt attribute

//div[@class='cropped-image-map-center-alignment']/map/area[contains(@alt,'Fire HD Kids Edition')]

I tested the xpath in browser console it was working fine shortcut $x("xpath")

Hope this helps you...kindly get back if you face any problems

Vicky
  • 2,999
  • 2
  • 21
  • 36