Best way to create new window/page/modal for list of JSON data

Question

Thank you in advance for your help!

For a project I'm building a page for an animal shelter. On a page I have a list of available animals generated from JSONP data, with a picture and basic data.

I would like to create something so that if the user clicks on the animals picture, it shows the full info for the animal, and all the available pictures.

I'm not sure what the best way to do this would be? A modal? A new html page? We're only using front end (html, CSS, javascript).

please have a look at https://stackoverflow.com/questions/41275958/modal-image-galleries-multiple-images?rq=1 — jasmin_makasana, Jan 31 '18 at 11:51

score 0 · Answer 1 · answered Jan 31 '18 at 11:38

Bootstrap modal is best to show full details.Because users dont want to load pages all the time.

For Bootstrap modal go to this link https://www.w3schools.com/bootstrap/bootstrap_modal.asp

When you want to display with comments of that blog use new html page.

score 0 · Accepted Answer · answered Jan 31 '18 at 11:44

0

you can use bootsrap modal as it fits perfectly to your needs and you can customize it the way you want :

https://v4-alpha.getbootstrap.com/components/modal/

answered Jan 31 '18 at 11:44

elias asaid

79
11

Best way to create new window/page/modal for list of JSON data

2 Answers2