Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 7 of 7
  1. #1
    New to the CF scene
    Join Date
    Nov 2012
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Gallery Help please

    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"
    Last edited by carlos28355; 11-17-2012 at 11:55 PM. Reason: update

  • #2
    Senior Coder jmrker's Avatar
    Join Date
    Aug 2006
    Location
    FL
    Posts
    3,087
    Thanks
    38
    Thanked 498 Times in 492 Posts
    Well, that has got to be the shortest request for help I've ever seen on this forum.

  • #3
    New to the CF scene
    Join Date
    Nov 2012
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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?

  • #4
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,680
    Thanks
    6
    Thanked 1,009 Times in 982 Posts
    Obviously your edit had something that triggered the spam filter. I’ve (re-)approved your post now.

  • #5
    New to the CF scene
    Join Date
    Nov 2012
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts
    ok lol thanks i thought i was being punished for a long post ha ha

  • #6
    New to the CF scene
    Join Date
    Nov 2012
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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>

  • #7
    New to the CF scene
    Join Date
    Nov 2012
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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! (=


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •