fetching multiple images from url of xml response in xamarin forms - xamarin.forms

Question

Can anyone guide me how to load images through image_url tags in my image control named BOOK_URL under a loop? i have fetched other book info under similar_books tag of each book tag but unable to fetch images of all book tags in my image control.
My code looks like this.
var xdoc = XDocument.Load("https://www.goodreads.com/book/title.xml?key=Uxb0zPb86N4STVy2ECWYA&title=" + title.Text);
IEnumerable<XElement> allElements =
xdoc.Descendants("similar_books").Descendants("book");
foreach (XElement result in allElements)
{
BOOK_URL.Source = BOOK_URL.Source + "\n"+
ImageSource.FromUri(new Uri(result.Element("image_url").Value)) ;
search.Text = search.Text + "\n" +
" Book Name: " + result.Element("title").Value + "\n" +
" ISBN: " + result.Element("isbn").Value + "\n" +
"Average Ratings: " + result.Element("average_rating").Value + "\n";
}
}
Also my url of xml response look like this:
https://www.goodreads.com/book/title.xml?key=Uxb0zPb86N4STVy2ECWYA&title=DUNE
i am getting all info except for images. Please help me to fetch all images of all book tags as i have fetched other book info rather than images.

Answer 1

this is garbage and should not even compile
BOOK_URL.Source = BOOK_URL.Source + "\n"+
ImageSource.FromUri(new Uri(result.Element("image_url").Value));
assuming that BOOK_URL is an Image control, you want to do
BOOK_URL.Source = ImageSource.FromUri(new Uri(result.Element("image_url").Value));
note that if you have multiple image urls, only the last one in the loop will be assigned
if you have two image controls, you could do this
IEnumerable<XElement> images = xdoc.Descendants("similar_books").
Descendants("book").
Descendants("image_url");
image1.Source = ImageSource.FromUri(new Uri(images[0].Value));
image2.Source = ImageSource.FromUri(new Uri(images[1].Value));