Skip to content

Instantly share code, notes, and snippets.

@Phoenix23A
Created February 19, 2017 09:05
Show Gist options
  • Save Phoenix23A/06ce6903750a080c7f4857e71ed47234 to your computer and use it in GitHub Desktop.
Save Phoenix23A/06ce6903750a080c7f4857e71ed47234 to your computer and use it in GitHub Desktop.
var works = [
"https://www.petfinder.com/wp-content/uploads/2012/09/Blog-Kitty-Cam-solo.jpg",
"http://www.animal-photography.com/thumbs/red_tabby_long_hair_kitten_~AP-0UJFTC-TH.jpg",
"http://www.animal-photography.com/thumbs/silver_tabby_kittens~AP-0JO6Y9-TH.jpg",
"http://www.animal-photography.com/thumbs/silver_tabby_kitten_looking_up~AP-0DLVMB-TH.jpg"
]
<img class='img-responsive' src='" + works[i].pic + "'>\
$("#work").append("\
<div class='col-sm-3 col-md-3'>\
<a href='#' class='work-img'>\
<img class='img-responsive' src='" + works[i].pic + "'>\
</a>\
</div>\
");
<a href='#' class='work-img'>\
<img class='img-responsive' src='" + works[i].pic + "'>\
<span class='info'><p class='proj-title'>Title:</p> [WORK TITLE] </span>\
</a>\s
var works = [
{
title: "First Project",
pic: "https://www.petfinder.com/wp-content/uploads/2012/09/Blog-Kitty-Cam-solo.jpg"
},
{
title: "Second Project",
pic: "http://www.animal-photography.com/thumbs/red_tabby_long_hair_kitten_~AP-0UJFTC-TH.jpg"
},
{
title: "Third Project",
pic: "http://www.animal-photography.com/thumbs/silver_tabby_kittens~AP-0JO6Y9-TH.jpg"
},
{
title: "Fourth Project",
pic: "http://www.animal-photography.com/thumbs/silver_tabby_kitten_looking_up~AP-0DLVMB-TH.jpg"
}
];
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment