I just installed couch on a website I m doing for photography....Im using a gallery and am lost on how to make my code repeatable to work with this. The gallery has captions and titles to each image as well I need to upload a thumb and full size image...Can you help me to learn how this is done? Thank you.
- Code: Select all
<title>Destined-X Online Creative Services Photo Gallery</title>
<link rel="stylesheet" href="css/jquery.galereya.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="js/jquery.galereya.min.js"></script>
<style>
h1, h2, h3,footer {
text-align: center;
}
header, footer {
display: block;
padding: .2em 0;
background-image: url('img/bedge_grunge.png');
box-shadow: 0 0 8px #222;
}
footer {
margin-top: 80.5em;
}
.footer_logo{}
.footer_logo img{}
</style>
</head>
<body>
<header>
<a class="navbar-brand" href="index.html"><img src="images/logo1.png" alt=""></a>
<h1><strong>Rebecca Allison</strong></h1>
<h3>Photographer</h3>
</header>
<div id="galleryherepls">
<img src="img/thumbnails/sunsetthumb.jpg"
alt=""
title="Lily's Sunset"
data-desc="ocean at seaside,fl"
data-category="photograghy"
data-fullsrc="img/sunset.jpg"
/>
...
<img src="img/thumbnails/frogthumb.jpg"
alt="Bamboo Frog"
data-desc="Taken by our watergarden"
data-category="photograghy"
data-fullsrc="img/frog.jpg"
/>
<img src="img/thumbnails/frog.png"
alt=""
title=""
data-desc="Logo Creations"
data-category="Graphics"
data-fullsrc="img/zero.png"
/>
...
<img src="img/thumbnails/frogthumb.jpg"
alt="Image"
data-desc="Example"
data-fullsrc="img/frog.jpg"
/>
</div>
<script>
$(function() {
$('#galleryherepls').galereya();
});
</script>
</body>
