New Topic/Question
Reply
currently if you select any one of these images it shows images of all the galleries combined. it does not seperate them. i want to make them seperate and have them stop at the end of a determined amount of photos. I have gotten as far as to load each gallery with as many photos as i want but it will scroll through the entire gallery not just the ones for that selected gallery...does this make sense? i might not be explaining my self properly please let me know if you have any questions...thanks for your help here is a link to the template i have purchased TemplateMonster I also have the original code...
to recap i want to be able to click on image one and show 8 pictures within that section and only those 8 i dont want it to continue to gallery 2...maybe that explanation helps! (=
<!DOCTYPE html>
<html lang="en">
<head>
<title>GALLERY</title>
<meta charset="utf-8">
<meta name="description" content="Your description">
<meta name="keywords" content="Your keywords">
<meta name="author" content="Your name">
<link rel="stylesheet" href="css/style.css">
<link rel="icon" href="images/favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon" />
<script src="js/jquery-1.7.1.min.js"></script>
<script src="js/script.js"></script>
<!--[if lt IE 8]>
<div style=' clear: both; text-align:center; position: relative;'>
<a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode">
<img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." />
</a>
</div>
<![endif]-->
<!--[if lt IE 9]>
<script src="js/html5.js"></script>
<link rel="stylesheet" href="css/ie.css">
<![endif]-->
</head>
<body id="page5">
<!--==============================header=================================-->
<header>
<div class="row-top">
<div class="main">
<div class="soc-link">Follow us on <a href="#" class="twit">Twitter</a>, <a href="#">Facebook</a> and <a href="#">Dribbble</a></div>
<form id="main-search" method="get">
<fieldset>
<div class="rowElem">
<input type="text" onfocus="if(this.value =='' ) this.value=''" onblur="if(this.value=='') this.value=''" value="" name="search">
<a onclick="document.getElementById('main-search').submit()" ></a> </div>
</fieldset>
</form>
<div class="clear"></div>
</div>
</div>
<div class="row-nav-manu">
<div class="main">
<h1><a href="index.html">CATS</a></h1>
<nav>
<ul class="sf-menu">
<li><a href="index.html">ABOUT US </a></li>
<li><a href="index-1.html">CATS </a>
<ul>
<li><a href="more.html">Lorem ipsum dolor </a> </li>
<li><a href="more.html">sit amet conse</a></li>
<li><a href="more.html">ctetur adipisicing</a></li>
<li><a href="more.html">elit sed do</a></li>
<li><a href="more.html">eiusmod tempor</a></li>
</ul>
</li>
<li><a href="index-2.html">FAQs</a> </li>
<li><a href="index-3.html">TESTIMONIALS</a></li>
<li class="current"><a href="index-4.html">GALLERY</a></li>
<li class="last"><a href="index-5.html">CONTACTS</a></li>
</ul>
</nav>
<div class="clear"></div>
</div>
</div>
</header>
<!--==============================content====================================-->
<section id="content">
<div class="main-bg">
<div class="container_12">
<div class="main">
<div class="block-1">
<div class="glow-3">
<div class="inner-1">
<h3 class="h3">our gallery</h3>
<h4 class="color-1">quis tempus neque tortor a velit</h4>
<div class="wrapper p5">
<div class="box-gall">
<figure><a href="images/image-blank.png" data-gal="prettyPhoto[gallery]" class="lightbox-image"><img src="images/page5-img1.jpg " alt="" /></a></figure>
<div class="txt-1">Fusce interdum gravida tellus, non </div>
<p>Leifend.Vivamus vitae nisi lectus. Cras massa
tincidunt a porttitor sed, lobortis quis. <a href="more.html" class="link-1">[more]</a></p>
</div>
<div class="box-gall">
<figure><a href="images/image-blank.png" data-gal="prettyPhoto[gallery]" class="lightbox-image"><img src="images/page5-img2.jpg " alt="" /></a></figure>
<div class="txt-1">Duis vitae molestie orci </div>
<p>Morbi eu purus at lectus dapibus pharetra cura
bitur pellentesque ultrices elit, vitae.<a href="more.html" class="link-1">[more]</a></p>
</div>
<div class="box-gall last">
<figure><a href="images/image-blank.png" data-gal="prettyPhoto[gallery]" class="lightbox-image"><img src="images/page5-img3.jpg " alt="" /></a></figure>
<div class="txt-1">Nullam purus eros, egestas eu</div>
<p>Aliquam blandit vehicula adipiscing. Morbi odio dolor, ullamcorper quis viverra porttito.<a href="more.html" class="link-1">[more]</a></p>
</div>
</div>
<div class="wrapper p14">
<div class="box-gall">
<figure><a href="images/image-blank.png" data-gal="prettyPhoto[gallery]" class="lightbox-image"><img src="images/page5-img4.jpg " alt="" /></a></figure>
<div class="txt-1">In varius ultrices tellus quis</div>
<p>Leifend.Vivamus vitae nisi lectus. Cras massa
tincidunt a porttitor sed, lobortis quis. <a href="more.html" class="link-1">[more]</a></p>
</div>
<div class="box-gall">
<figure><a href="images/image-blank.png" data-gal="prettyPhoto[gallery]" class="lightbox-image"><img src="images/page5-img5.jpg " alt="" /></a></figure>
<div class="txt-1">Nullam purus eros, egesta</div>
<p>Morbi eu purus at lectus dapibus pharetra cura
bitur pellentesque ultrices elit, vitae.<a href="more.html" class="link-1">[more]</a></p>
</div>
<div class="box-gall last">
<figure><a href="images/image-blank.png" data-gal="prettyPhoto[gallery]" class="lightbox-image"><img src="images/page5-img6.jpg " alt="" /></a></figure>
<div class="txt-1">Vivamus mollis ante sed mi</div>
<p>Aliquam blandit vehicula adipiscing. Morbi odio dolor, ullamcorper quis viverra porttito.<a href="more.html" class="link-1">[more]</a></p>
</div>
</div>
<div class="wrapper p14">
<div class="box-gall">
<figure><a href="images/image-blank.png" data-gal="prettyPhoto[gallery]" class="lightbox-image"><img src="images/page5-img7.jpg " alt="" /></a></figure>
<div class="txt-1">Lorem ipsum dolor sit amet, consectetu</div>
<p>Leifend.Vivamus vitae nisi lectus. Cras massa
tincidunt a porttitor sed, lobortis quis. <a href="more.html" class="link-1">[more]</a></p>
</div>
<div class="box-gall">
<figure><a href="images/image-blank.png" data-gal="prettyPhoto[gallery]" class="lightbox-image"><img src="images/page5-img8.jpg " alt="" /></a></figure>
<div class="txt-1">Cras erat justo, sodales et </div>
<p>Morbi eu purus at lectus dapibus pharetra cura
bitur pellentesque ultrices elit, vitae.<a href="more.html" class="link-1">[more]</a></p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--==============================footer================================-->
<footer>
<div class="main">
<ul class="footer-menu">
<li><a href="index.html">ABOUT US</a></li>
<li><a href="index-1.html">CATS</a></li>
<li><a href="index-2.html">FAQs</a> </li>
<li><a href="index-3.html">TESTIMONIALS</a></li>
<li class="current"><a href="index-4.html">GALLERY</a></li>
<li><a href="index-5.html">CONTACTS</a></li>
</ul>
<div class="clear"></div>
<div class="privacy">Cats © 2012 <a href="index-6.html">Privacy Policy</a> </div>
</div>
</footer>
</body>
</html>
MultiQuote
| 