Gallery Help please

carlos28355 · 11-17-2012, 10:02 PM

Hello, I am of course not great with coding otherwise I wouldnt be here...Me and my boss(who does most to all the coding) purchased a template on templatemonster.com http://www.templatemonster.com/demo/39922.html

So heres our problem. If you make your way to the gallery you will notice 8 different images. Without having the code and actually going through it you wouldnt really know that when you click on any one of those images all its showing you is the picture to each gallery section so let me try to explain this best i can. I will call each image gallery1, gallery2 etc...

when you click on gallery1 it brings up a preview of the pictures and youc an scroll through 1-8...that 1-8 is not 8 pictures of gallery1 its the pictures of each other gallery...
The preview image on the gallery page can be different than the image when you click the gallery1-2-3etc...

the company told us that the gallery cant really be changed and we have actually done something they said couldnt be done so that makes me think that to finalize what we cant can infact be done

heres what we are trying to accomplish... i want to be able to click on gallery 1 and show 8 images of that particular gallery (which i can partially do) but i want it to stop at those 8 images..the way we have it now is that we can put 8 or 9 pics of each gallery within the correct gallery (gallery1 2 etc...) but its a continuation into the other gallerys. we want it to stop at the end of gallery 1 then you go back to the main gallery page and click on gallery2 or whatever else..

so i can select any given gallery and continue through all the other gallerys with out any separation or stop..can this be changed? i know this is all very confusing i tried to explain as best as i could please if im unclear ask as many questions as you want and what do you need from me in order to help me out?? thanks for taking the time to help us out!!

"Animation: HTML Plus JS

Functionality: Gallery

Width: 1920px

Coding: HTML 5, JQuery"

jmrker · 11-18-2012, 04:11 AM

Well, that has got to be the shortest request for help I've ever seen on this forum.

carlos28355 · 11-18-2012, 04:20 AM

haha sorry...i felt that i had to fully explain it to get my request across...

...I dont see my question on this thread? is this normal?

VIPStephan · 11-18-2012, 01:57 PM

Obviously your edit had something that triggered the spam filter. I’ve (re-)approved your post now.

carlos28355 · 11-18-2012, 03:22 PM

ok lol thanks i thought i was being punished for a long post ha ha

carlos28355 · 11-18-2012, 09:55 PM

Code:

001
<!DOCTYPE html>
002
<html lang="en">
003
<head>
004
<title>GALLERY</title>
005
<meta charset="utf-8">
006
<meta name="description" content="Your description">
007
<meta name="keywords" content="Your keywords">
008
<meta name="author" content="Your name">
009
<link rel="stylesheet" href="css/style.css">
010
<link rel="icon" href="images/favicon.ico" type="image/x-icon">
011
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon" />
012
<script src="js/jquery-1.7.1.min.js"></script>
013
<script src="js/script.js"></script>
014
 
015
<!--[if lt IE 8]>
016
      <div style=' clear: both; text-align:center; position: relative;'>
017
        <a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode">
018
          <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." />
019
       </a>
020
     </div>
021
    <![endif]-->
022
<!--[if lt IE 9]>
023
        <script src="js/html5.js"></script>
024
        <link rel="stylesheet" href="css/ie.css">
025
    <![endif]-->
026
 
027
</head>
028
<body id="page5">
029
 
030
<!--==============================header=================================-->
031
<header>
032
  <div class="row-top">
033
    <div class="main">
034
      <div class="soc-link">Follow us on <a href="#" class="twit">Twitter</a>, <a href="#">Facebook</a> and <a href="#">Dribbble</a></div>
035
      <form id="main-search" method="get">
036
        <fieldset>
037
          <div class="rowElem">
038
            <input type="text" onfocus="if(this.value =='' ) this.value=''" onblur="if(this.value=='') this.value=''" value="" name="search">
039
            <a onclick="document.getElementById('main-search').submit()" ></a> </div>
040
        </fieldset>
041
      </form>
042
      <div class="clear"></div>
043
    </div>
044
  </div>
045
  <div class="row-nav-manu">
046
    <div class="main">
047
      <h1><a href="index.html">CATS</a></h1>
048
      <nav>
049
        <ul class="sf-menu">
050
          <li><a href="index.html">ABOUT US </a></li>
051
          <li><a href="index-1.html">CATS </a>
052
            <ul>
053
              <li><a href="more.html">Lorem ipsum dolor </a> </li>
054
              <li><a href="more.html">sit amet conse</a></li>
055
              <li><a href="more.html">ctetur adipisicing</a></li>
056
              <li><a href="more.html">elit sed do</a></li>
057
              <li><a href="more.html">eiusmod tempor</a></li>
058
            </ul>
059
          </li>
060
          <li><a href="index-2.html">FAQs</a> </li>
061
          <li><a href="index-3.html">TESTIMONIALS</a></li>
062
          <li class="current"><a href="index-4.html">GALLERY</a></li>
063
          <li class="last"><a href="index-5.html">CONTACTS</a></li>
064
        </ul>
065
      </nav>
066
      <div class="clear"></div>
067
    </div>
068
  </div>
069
</header>
070
 
071
<!--==============================content====================================-->
072
 
073
<section id="content">
074
  <div class="main-bg">
075
    <div class="container_12">
076
      <div class="main">
077
        <div class="block-1">
078
          <div class="glow-3">
079
            <div class="inner-1">
080
              <h3 class="h3">our gallery</h3>
081
              <h4 class="color-1">quis tempus neque tortor a velit</h4>
082
              <div class="wrapper p5">
083
                <div class="box-gall">
084
                  <figure><a href="images/image-blank.png" data-gal="prettyPhoto[gallery]" class="lightbox-image"><img src="images/page5-img1.jpg " alt="" /></a></figure>
085
                  <div class="txt-1">Fusce interdum gravida tellus, non </div>
086
                  <p>Leifend.Vivamus vitae nisi lectus. Cras massa
087
                    tincidunt a porttitor sed, lobortis quis. <a href="more.html" class="link-1">[more]</a></p>
088
                </div>
089
                <div class="box-gall">
090
                  <figure><a href="images/image-blank.png" data-gal="prettyPhoto[gallery]" class="lightbox-image"><img src="images/page5-img2.jpg " alt="" /></a></figure>
091
                  <div class="txt-1">Duis vitae molestie orci </div>
092
                  <p>Morbi eu purus at lectus dapibus pharetra cura
093
                    bitur pellentesque ultrices elit, vitae.<a href="more.html" class="link-1">[more]</a></p>
094
                </div>
095
                <div class="box-gall last">
096
                  <figure><a href="images/image-blank.png" data-gal="prettyPhoto[gallery]" class="lightbox-image"><img src="images/page5-img3.jpg " alt="" /></a></figure>
097
                  <div class="txt-1">Nullam purus eros, egestas eu</div>
098
                  <p>Aliquam blandit vehicula adipiscing. Morbi odio dolor, ullamcorper quis viverra porttito.<a href="more.html" class="link-1">[more]</a></p>
099
                </div>
100
              </div>
101
              <div class="wrapper p14">
102
                <div class="box-gall">
103
                  <figure><a href="images/image-blank.png" data-gal="prettyPhoto[gallery]" class="lightbox-image"><img src="images/page5-img4.jpg " alt="" /></a></figure>
104
                  <div class="txt-1">In varius ultrices tellus quis</div>
105
                  <p>Leifend.Vivamus vitae nisi lectus. Cras massa
106
                    tincidunt a porttitor sed, lobortis quis. <a href="more.html" class="link-1">[more]</a></p>
107
                </div>
108
                <div class="box-gall">
109
                  <figure><a href="images/image-blank.png" data-gal="prettyPhoto[gallery]" class="lightbox-image"><img src="images/page5-img5.jpg " alt="" /></a></figure>
110
                  <div class="txt-1">Nullam purus eros, egesta</div>
111
                  <p>Morbi eu purus at lectus dapibus pharetra cura
112
                    bitur pellentesque ultrices elit, vitae.<a href="more.html" class="link-1">[more]</a></p>
113
                </div>
114
                <div class="box-gall last">
115
                  <figure><a href="images/image-blank.png" data-gal="prettyPhoto[gallery]" class="lightbox-image"><img src="images/page5-img6.jpg " alt="" /></a></figure>
116
                  <div class="txt-1">Vivamus mollis ante sed mi</div>
117
                  <p>Aliquam blandit vehicula adipiscing. Morbi odio dolor, ullamcorper quis viverra porttito.<a href="more.html" class="link-1">[more]</a></p>
118
                </div>
119
              </div>
120
              <div class="wrapper p14">
121
                <div class="box-gall">
122
                  <figure><a href="images/image-blank.png" data-gal="prettyPhoto[gallery]" class="lightbox-image"><img src="images/page5-img7.jpg " alt="" /></a></figure>
123
                  <div class="txt-1">Lorem ipsum dolor sit amet, consectetu</div>
124
                  <p>Leifend.Vivamus vitae nisi lectus. Cras massa
125
                    tincidunt a porttitor sed, lobortis quis. <a href="more.html" class="link-1">[more]</a></p>
126
                </div>
127
                <div class="box-gall">
128
                  <figure><a href="images/image-blank.png" data-gal="prettyPhoto[gallery]" class="lightbox-image"><img src="images/page5-img8.jpg " alt="" /></a></figure>
129
                  <div class="txt-1">Cras erat justo, sodales et </div>
130
                  <p>Morbi eu purus at lectus dapibus pharetra cura
131
                    bitur pellentesque ultrices elit, vitae.<a href="more.html" class="link-1">[more]</a></p>
132
                </div>
133
              </div>
134
            </div>
135
          </div>
136
        </div>
137
      </div>
138
    </div>
139
  </div>
140
</section>
141
<!--==============================footer================================-->
142
<footer>
143
  <div class="main">
144
    <ul class="footer-menu">
145
      <li><a href="index.html">ABOUT US</a></li>
146
      <li><a href="index-1.html">CATS</a></li>
147
      <li><a href="index-2.html">FAQs</a> </li>
148
      <li><a href="index-3.html">TESTIMONIALS</a></li>
149
      <li class="current"><a href="index-4.html">GALLERY</a></li>
150
      <li><a href="index-5.html">CONTACTS</a></li>
151
    </ul>
152
    <div class="clear"></div>
153
    <div class="privacy">Cats &copy; 2012 <a href="index-6.html">Privacy Policy</a> </div>
154
  </div>
155
</footer>
156
</body>
157
</html>

carlos28355 · 11-23-2012, 09:42 PM

in case i was too confusing...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 automatically to gallery 2.3..4..etc..in order to view an other gallery i want to have to go back to main gallery page and click on #2 and so on...maybe that explanation helps! (=