I am using this template from www.dreamtemplate.com and have most of it figured out but some things are confusing me. The code creates this picture gallery that you can see on the live demo page. I would like to replace the pictures with my own and at first I thought this was some kind of dynamic link to a gallery of photos but the more I look at it the more it seems like each photo is linked to a specific photo web address. My question is how do I manage this, do I just have to go in and manually change the portfolio filters to ones I want then go through all the portfolio items and link them to the images and change the data filter? I guess I just assumed I would point it to a folder, flickr, or other photo site and have it pull from that. Any help would be appreciated since I am designing this site to demo my video and photo work to try and get a job and cant afford a web designer.
HTML Code:
      <!-- prettyPhoto Start -->
      <link rel="stylesheet" type="text/css" href="dc_iso_portfolio/prettyPhoto/css/prettyPhoto.css" />
      <script type="text/javascript" src="dc_iso_portfolio/prettyPhoto/js/jquery.prettyPhoto.js"></script> 
      <!-- prettyPhoto END -->
      
      <section id="content" class="dc_iso_container">
        <div class="hero-unit"> <a href="#" id="acolsinit">Default View</a> | <a href="#" id="acols4">4 columns</a> | <a href="#" id="acols3">3 columns</a> | <a href="#" id="acols2">2 columns</a> </div>
        <br />
        <div id="portfolio">
          <ul id="dc_iso_portfolio_filter">
            <li id="f-all" class="active"><a href="#" class="filter" data-filter="*">All</a></li>
            <li><a href="#" class="filter" data-filter=".people">People</a></li>
            <li><a href="#" class="filter" data-filter=".food">Food</a></li>
            <li><a href="#" class="filter" data-filter=".space">Space</a></li>
            <li><a href="#" class="filter" data-filter=".beauty">Beauty</a></li>
            <li><a href="#" class="filter" data-filter=".fantasy">Fantasy</a></li>
            <li><a href="#" class="filter" data-filter=".nature">Nature</a></li>
            <li><a href="#" class="filter" data-filter=".transport">Transport</a></li>
          </ul>
          
          <!-- portfolio items -->
          <section class="row" id="dc_iso_portfolio_items">
            <article class="dc_iso_item" data-fsize="div6" data-tags="food">
              <div class="dc_iso_thumb link"> <a href="http://pimg.co/p/460x320/999999/fff/img.png" rel='prettyPhoto[gallery1]' title="Description of item goes here"><img alt="Sample Title" src="http://pimg.co/p/460x320/999999/fff/img.png"></a>
                <div class="item_descr"><b class="dc_iso_item-name icon4">Lorem ipsum</b></div>
              </div>
            </article>
            <article class="dc_iso_item" data-fsize="div6" data-tags="space">
              <div class="dc_iso_thumb link"> <a href="http://pimg.co/p/460x320/888/fff/img.png" rel='prettyPhoto[gallery1]' title="Description of item goes here"><img alt="Sample Title" src="http://pimg.co/p/460x320/888/fff/img.png"></a>
                <div class="item_descr"><b class="name icon1">Lorem ipsum</b></div>
              </div>
            </article>
            <article class="dc_iso_item" data-fsize="div4" data-tags="beauty,people">
              <div class="dc_iso_thumb link"> <a href="http://pimg.co/p/460x320/777/fff/img.png" rel='prettyPhoto[gallery1]' title="Description of item goes here"><img alt="Sample Title" src="http://pimg.co/p/460x320/777/fff/img.png"></a>
                <div class="item_descr"><b class="name icon2">Lorem ipsum</b></div>
              </div>
            </article>
            <article class="dc_iso_item" data-fsize="div4" data-tags="fantasy">
              <div class="dc_iso_thumb link"> <a href="http://pimg.co/p/460x320/666/fff/img.png" rel='prettyPhoto[gallery1]' title="Description of item goes here"><img alt="Sample Title" src="http://pimg.co/p/460x320/666/fff/img.png"></a>
                <div class="item_descr"><b class="name icon3">Lorem ipsum</b></div>
              </div>
            </article>
            <article class="dc_iso_item" data-fsize="div4" data-tags="nature">
              <div class="dc_iso_thumb link"> <a href="http://pimg.co/p/460x320/555/fff/img.png" rel='prettyPhoto[gallery1]' title="Description of item goes here"><img alt="Sample Title" src="http://pimg.co/p/460x320/555/fff/img.png"></a>
                <div class="item_descr"><b class="name icon4">Lorem ipsum</b></div>
              </div>
            </article>
            <article class="dc_iso_item" data-fsize="div3" data-tags="space">
              <div class="dc_iso_thumb link"> <a href="http://pimg.co/p/460x320/444/fff/img.png" rel='prettyPhoto[gallery1]' title="Description of item goes here"><img alt="Sample Title" src="http://pimg.co/p/460x320/444/fff/img.png"></a>
                <div class="item_descr"><b class="name icon5">Lorem ipsum</b></div>
              </div>
            </article>
            <article class="dc_iso_item" data-fsize="div3" data-tags="beauty,people">
              <div class="dc_iso_thumb link"> <a href="http://pimg.co/p/460x320/333/fff/img.png" rel='prettyPhoto[gallery1]' title="Description of item goes here"><img alt="Sample Title" src="http://pimg.co/p/460x320/333/fff/img.png"></a>
                <div class="item_descr"><b class="name icon5">Lorem ipsum</b></div>
              </div>
            </article>
            <article class="dc_iso_item" data-fsize="div3" data-tags="food">
              <div class="dc_iso_thumb link"> <a href="http://pimg.co/p/460x320/222/fff/img.png" rel='prettyPhoto[gallery1]' title="Description of item goes here"><img alt="Sample Title" src="http://pimg.co/p/460x320/222/fff/img.png"></a>
                <div class="item_descr"><b class="name icon5">Lorem ipsum</b></div>
              </div>
            </article>
            <article class="dc_iso_item" data-fsize="div3" data-tags="nature">
              <div class="dc_iso_thumb link"> <a href="http://pimg.co/p/460x320/111/fff/img.png" rel='prettyPhoto[gallery1]' title="Description of item goes here"><img alt="Sample Title" src="http://pimg.co/p/460x320/111/fff/img.png"></a>
                <div class="item_descr"><b class="name icon5">Lorem ipsum</b></div>
              </div>
            </article>
            <article class="dc_iso_item" data-fsize="div4" data-tags="transport">
              <div class="dc_iso_thumb link"> <a href="http://pimg.co/p/460x320/000/fff/img.png" rel='prettyPhoto[gallery1]' title="Description of item goes here"><img alt="Sample Title" src="http://pimg.co/p/460x320/000/fff/img.png"></a>
                <div class="item_descr"><b class="name icon5">Lorem ipsum</b></div>
              </div>
            </article>
            <article class="dc_iso_item" data-fsize="div4" data-tags="beauty">
              <div class="dc_iso_thumb link"> <a href="http://pimg.co/p/460x320/789987/fff/img.png" rel='prettyPhoto[gallery1]' title="Description of item goes here"><img alt="Sample Title" src="http://pimg.co/p/460x320/789987/fff/img.png"></a>
                <div class="item_descr"><b class="name icon5">Lorem ipsum</b></div>
              </div>
            </article>
            <article class="dc_iso_item" data-fsize="div4" data-tags="fantasy">
              <div class="dc_iso_thumb link"> <a href="http://pimg.co/p/460x320/777ggg/fff/img.png" rel='prettyPhoto[gallery1]' title="Description of item goes here"><img alt="Sample Title" src="http://pimg.co/p/460x320/777ggg/fff/img.png"></a>
                <div class="item_descr"><b class="name icon5">Lorem ipsum</b></div>
              </div>
            </article>
            <article class="dc_iso_item" data-fsize="div4" data-tags="food,people">
              <div class="dc_iso_thumb link"> <a href="http://pimg.co/p/460x320/123321/fff/img.png" rel='prettyPhoto[gallery1]' title="Description of item goes here"><img alt="Sample Title" src="http://pimg.co/p/460x320/123321/fff/img.png"></a>
                <div class="item_descr"><b class="name icon5">Lorem ipsum</b></div>
              </div>
            </article>
            <article class="dc_iso_item" data-fsize="div4" data-tags="beauty">
              <div class="dc_iso_thumb link"> <a href="http://pimg.co/p/460x320/321321/fff/img.png" rel='prettyPhoto[gallery1]' title="Description of item goes here"><img alt="Sample Title" src="http://pimg.co/p/460x320/321321/fff/img.png"></a>
                <div class="item_descr"><b class="name icon5">Lorem ipsum</b></div>
              </div>
            </article>
            <article class="dc_iso_item" data-fsize="div4" data-tags="transport,people">
              <div class="dc_iso_thumb link"> <a href="http://pimg.co/p/460x320/600666/fff/img.png" rel='prettyPhoto[gallery1]' title="Description of item goes here"><img alt="Sample Title" src="http://pimg.co/p/460x320/600666/fff/img.png"></a>
                <div class="item_descr"><b class="name icon5">Lorem ipsum</b></div>
              </div>
            </article>
            <article class="dc_iso_item" data-fsize="div4" data-tags="food">
              <div class="dc_iso_thumb link"> <a href="http://pimg.co/p/460x320/999/fff/img.png" rel='prettyPhoto[gallery1]' title="Description of item goes here"><img alt="Sample Title" src="http://pimg.co/p/460x320/999/fff/img.png"></a>
                <div class="item_descr"><b class="name icon5">Lorem ipsum</b></div>
              </div>
            </article>
            <article class="dc_iso_item" data-fsize="div4" data-tags="fantasy">
              <div class="dc_iso_thumb link"> <a href="http://pimg.co/p/460x320/888/fff/img.png" rel='prettyPhoto[gallery1]' title="Description of item goes here"><img alt="Sample Title" src="http://pimg.co/p/460x320/888/fff/img.png"></a>
                <div class="item_descr"><b class="name icon5">Lorem ipsum</b></div>
              </div>
            </article>
            <article class="dc_iso_item" data-fsize="div4" data-tags="space">
              <div class="dc_iso_thumb link"> <a href="http://pimg.co/p/460x320/777/fff/img.png" rel='prettyPhoto[gallery1]' title="Description of item goes here"><img alt="Sample Title" src="http://pimg.co/p/460x320/777/fff/img.png"></a>
                <div class="item_descr"><b class="name icon5">Lorem ipsum</b></div>
              </div>
            </article>
            <article class="dc_iso_item" data-fsize="div4" data-tags="food">
              <div class="dc_iso_thumb link"> <a href="http://pimg.co/p/460x320/666/fff/img.png" rel='prettyPhoto[gallery1]' title="Description of item goes here"><img alt="Sample Title" src="http://pimg.co/p/460x320/666/fff/img.png"></a>
                <div class="item_descr"><b class="name icon5">Lorem ipsum</b></div>
              </div>
            </article>
            <article class="dc_iso_item" data-fsize="div4" data-tags="nature">
              <div class="dc_iso_thumb link"> <a href="http://pimg.co/p/460x320/555/fff/img.png" rel='prettyPhoto[gallery1]' title="Description of item goes here"><img alt="Sample Title" src="http://pimg.co/p/460x320/555/fff/img.png"></a>
                <div class="item_descr"><b class="name icon5">Lorem ipsum</b></div>
              </div>
            </article>
            <article class="dc_iso_item" data-fsize="div4" data-tags="fantasy">
              <div class="dc_iso_thumb link"> <a href="http://pimg.co/p/460x320/444/fff/img.png" rel='prettyPhoto[gallery1]' title="Description of item goes here"><img alt="Sample Title" src="http://pimg.co/p/460x320/444/fff/img.png"></a>
                <div class="item_descr"><b class="name icon5">Lorem ipsum</b></div>
              </div>
            </article>
            <article class="dc_iso_item" data-fsize="div4" data-tags="transport">
              <div class="dc_iso_thumb link"> <a href="http://pimg.co/p/460x320/333/fff/img.png" rel='prettyPhoto[gallery1]' title="Description of item goes here"><img alt="Sample Title" src="http://pimg.co/p/460x320/333/fff/img.png"></a>
                <div class="item_descr"><b class="name icon5">Lorem ipsum</b></div>
              </div>
            </article>
            <article class="dc_iso_item" data-fsize="div4" data-tags="food">
              <div class="dc_iso_thumb link"> <a href="http://pimg.co/p/460x320/222/fff/img.png" rel='prettyPhoto[gallery1]' title="Description of item goes here"><img alt="Sample Title" src="http://pimg.co/p/460x320/222/fff/img.png"></a>
                <div class="item_descr"><b class="name icon5">Lorem ipsum</b></div>
              </div>
            </article>
            <article class="dc_iso_item" data-fsize="div4" data-tags="transport">
              <div class="dc_iso_thumb link"> <a href="http://pimg.co/p/460x320/111/fff/img.png" rel='prettyPhoto[gallery1]' title="Description of item goes here"><img alt="Sample Title" src="http://pimg.co/p/460x320/111/fff/img.png"></a>
                <div class="item_descr"><b class="name icon5">Lorem ipsum</b></div>
              </div>
            </article>
          </section>
        </div>
      </section>
      <br />
      <br />
      <script type="text/javascript" src="dc_iso_portfolio/js/jquery.isotope.min.js"></script> 
      <script type="text/javascript" src="dc_iso_portfolio/js/dc_iso_portfolio.js"></script> 
      
      <!-- required for prettyphoto lightbox --> 
      
      <script type="text/javascript" charset="utf-8">
  $(document).ready(function(){
    $("a[rel^='prettyPhoto']").prettyPhoto({animation_speed:'normal',theme:'dark_square',slideshow:8000, autoplay_slideshow: false, social_tools: false,show_title: true, allow_resize: true});
  });
</script> 
      <!-- required for prettyphoto lightbox --> 
	<!-- end content -->