Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 3 of 3
  1. #1
    Junior Member
    Join Date
    Feb 2013
    Posts
    5
    Member #
    35252
    Liked
    1 times
    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?
    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=".space">Space</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>
              </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>

  2.  

  3. #2
    Senior Member kralcx's Avatar
    Join Date
    Jan 2010
    Location
    3rd Planet from the Sun
    Posts
    140
    Member #
    20799
    Liked
    18 times
    use WinHTTrack http://www.httrack.com/ to copy the site to your computer
    lines 104 - 222 is where the gallery is located just replace the http links with your own images and you're good to go

    For example replace: <div class="dc_iso_thumb link"> <a href="http://cdn.pimg.co/s/spa/5/800/600/c" rel='prettyPhoto[gallery1]' title="Description of item goes here"><img alt="Sample Title" src="http://cdn.pimg.co/s/spa/5/460/320/c/pic.jpg"></a>

    with this: <div class="dc_iso_thumb link"> <a href="myownphotofolder/largecoolpicofme.jpg" rel='prettyPhoto[gallery1]' title="I am so Amazing"><img alt="This is the coolest picture on the internet" src="myownphotofolder/smallcoolpicofme.jpg"></a>

  4. #3
    Junior Member
    Join Date
    Feb 2013
    Posts
    5
    Member #
    35252
    Liked
    1 times
    Thank you very much for the assistance


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 02:02 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com