I am trying to figure out an ideal way to link two images together. I have several hundred pictures with the tag images
, but there a some images that have before and after pictures that I would like show side by side.
I am just unsure how to link images that have before and after together in either the JSON list on Cloudinary or using Angularjs Controller.
Example
{
"public_id": "Images 2/A/LUND",
"version":1463185535,
"format":"jpg",
"width":1299,
"height":1732,
"type":"upload",
"created_at":"2016-05-14T00:25:35Z",
"context":{
"custom":{
"alt":"Remodeling Stairs",
"name":"Lund Before",
"title":"Full Staircase Remodel"
}
}
},
{
"public_id": "Images 2/A/LUND",
"version":1463185535,
"format":"jpg",
"width":1299,
"height":1732,
"type":"upload",
"created_at":"2016-05-14T00:25:35Z",
"context":{
"custom":{
"alt":"Remodeling Stairs",
"name":"Lund After",
"title":"Full Staircase Remodel"
}
}
},
I am using Angularjs ng-repeat
that will display the after pictures, but I have an ng-click()
that will show a modal. In the modal I would like to show the before and the after pictures.
How could I attempt to link or bind the before picture with the after picture? Could this be done with Cloudinary tagging? Or a way to do this in an angular controller?