Skip to content

Instantly share code, notes, and snippets.

@Phoenix23A
Created February 19, 2017 09:54
Show Gist options
  • Save Phoenix23A/e3f65247a3df27483531f4edfaa9547e to your computer and use it in GitHub Desktop.
Save Phoenix23A/e3f65247a3df27483531f4edfaa9547e 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"
}
];
var map;
function initMap() {
map = new google.maps.Map(document.getElementById('map'), {
center: {lat: -34.397, lng: 150.644},
zoom: 8
});
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment