5 Replies - 2650 Views - Last Post: 25 November 2012 - 11:47 AM

#1 carlos28355  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 4
  • Joined: 17-November 12

prettyphoto gallery help

Posted 17 November 2012 - 09:49 PM

I am trying to make this gallery show multiple pictures within each photo selected and only show those pictures...heres the situation...

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 &copy; 2012 <a href="index-6.html">Privacy Policy</a> </div>
  </div>
</footer>
</body>
</html>


Is This A Good Question/Topic? 0
  • +

Replies To: prettyphoto gallery help

#2 macosxnerd101  Icon User is online

  • Self-Trained Economist
  • member icon




Reputation: 10488
  • View blog
  • Posts: 38,868
  • Joined: 27-December 08

Re: prettyphoto gallery help

Posted 17 November 2012 - 10:41 PM

Moved to Javascript. Please note that Java != Javascript.
Was This Post Helpful? 0
  • +
  • -

#3 carlos28355  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 4
  • Joined: 17-November 12

Re: prettyphoto gallery help

Posted 18 November 2012 - 08:22 AM

im sorry i thought i posted it in the java section :stupid:
Was This Post Helpful? 0
  • +
  • -

#4 macosxnerd101  Icon User is online

  • Self-Trained Economist
  • member icon




Reputation: 10488
  • View blog
  • Posts: 38,868
  • Joined: 27-December 08

Re: prettyphoto gallery help

Posted 18 November 2012 - 11:37 AM

You did. I moved it to the correct forum- Javascript. They are two very different languages.
Was This Post Helpful? 0
  • +
  • -

#5 carlos28355  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 4
  • Joined: 17-November 12

Re: prettyphoto gallery help

Posted 18 November 2012 - 02:55 PM

sorry and thanks! :rockon:
Was This Post Helpful? 0
  • +
  • -

#6 carlos28355  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 4
  • Joined: 17-November 12

Re: prettyphoto gallery help

Posted 25 November 2012 - 11:47 AM

any luck out there anyone? can what im asking even be done? im pretty confident that it can but who knows (=
Was This Post Helpful? 0
  • +
  • -

Page 1 of 1