1 Replies - 430 Views - Last Post: 18 October 2013 - 01:46 PM

#1 Tecx  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 1
  • Joined: 18-October 13

Image gallery

Posted 18 October 2013 - 01:30 PM

Hello everyone: I am new to this community and need some direction with an image gallery that I am working on for a client. I downloaded the template from Template Monster and am using Dreamweaver for design changes.

As it stands there are separate categories represented by a main picture that matches that gallery, but unfortunately I have not been able to figure out how to compartmentalize each category.

Even though there are multiple categories, all of the pictures from each category are merged into one picture gallery.

What I am trying to accomplish is a separate image gallery for each category.

I attached a screenshot of the gallery that I am working on. Unfortunately, only part of the image was captured, but I believe there is enough to serve as a point for my issue.


I truly appreciate any assistance with this.

The following is the code that I am working with at the moment:
<div class="grid_5">
                        <a href="images/nereida cake.jpg" class="lightbox-image bot" data-gal="prettyPhoto[1]"><img src="images/ncake.png" alt="" width="280" height="262"></a>
				
				<a href="BIG PHOTO LINK" rel="prettyPhoto[gallery1]" title="cape town tourism"></a>
...
<a href="BIG PHOTO LINK" rel="prettyPhoto[gallery1]" title="cape town tourism"></a>																		
                        <a href="#" class="bold color-1 hov-1">Wedding Cakes  </a>
                        <p class="bot-3">&nbsp;</p>
                  </div>
                    <div class="grid_5"><a href="images/cal tech room setup.jpg" class="lightbox-image bot" data-gal="prettyPhoto[1]"><img src="images/weve.png" alt="" width="280" height="261"></a>
                        <a href="#" class="bold color-1 hov-1">Corporate Events </a>
                        <p class="bot-3">&nbsp;</p>
                  </div>
                    <div class="grid_5"><a href="images/appetizers art gallery.jpg" class="lightbox-image bot" data-gal="prettyPhoto[1]"><img src="images/app.png" alt="" width="280" height="262"></a><a href="#" class="bold color-1 hov-1">Parties</a>

Attached File(s)


This post has been edited by modi123_1: 18 October 2013 - 01:47 PM
Reason for edit:: use the code tags button


Is This A Good Question/Topic? 0
  • +

Replies To: Image gallery

#2 modi123_1  Icon User is online

  • Suitor #2
  • member icon



Reputation: 9057
  • View blog
  • Posts: 34,001
  • Joined: 12-June 08

Re: Image gallery

Posted 18 October 2013 - 01:46 PM

Not really a 'introduce yourself' question.. moving to web dev.
Was This Post Helpful? 0
  • +
  • -

Page 1 of 1