How to get a landing page like the one on flashyourweb.com/gallery3

I was asked in my forums how to get a landing page like mine and figured this was a better place to respond:

It was kind of a hack, but here goes:

• Move all albums to one root level sub album - this gives landing page for "Enter" button
• Edit themes/your theme/views/page.html.php directly at the top
  

  <?php defined("SYSPATH") or die("No direct script access.") ?>
  <? if ( $theme->item() && $theme->item()->id == item::root()->id ): ?>
    <? define($showIntro, true) ?>
  <? endif ?>
  

  this gives us our $showIntro variable to test against where ever we want/need.

• Now with the power of $showIntro we can add our own html, javascript, css etc:
  

  <? if ( defined($showIntro) ): ?>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
  <? else: ?>
    <?= $theme->script("jquery.js") ?>
  <? endif ?>
  

  My slideshow requires a newer jQuery than G3 provides

• To make it easier to manage the larger amount of html to insert for our intro page, I created themes/your theme/views/intro.html.php and include it where I need like:
  

  <? if ( defined($showIntro) ): ?>
    <?= new View("intro.html") ?>
  <? else: ?>
      <div id="yui-main">
        <div class="yui-b">
          <div id="g-content" class="yui-g">
            <?= $theme->messages() ?>
            <?= $content ?>
          </div>
        </div>
      </div>
  <? endif ?>
  

• Only show the sidebar when not in intro mode:
  

  <? if ( !defined($showIntro) ): ?>
  <div id="g-sidebar" class="yui-b">
    <? if ($theme->page_subtype != "login"): ?>
    <?= new View("sidebar.html") ?>
    <? endif ?>
  </div>
  <? endif ?>
  

For the cool slideshow I included in the intro.html.php I used the free open source Galleria javascript image gallery by Aino.
Instructions to use w/G3 here.
Two other examples here and of course here.

I can supply the complete page.html.php and intro.html.php files if anyone wants them.

-s
FlashYourWeb and Your Gallery with The E2 XML Media Player for Gallery2

suprsidr can you please send me page.html.php and intro.html.php to me at vaibhavpbhosale[at]gmail[dot]com ? I don't want to mess up with current installation and don't have much knowledge of PHP. Those file will be great help me to. Thanks for all your help.

suprsidr just wanted to let you know that I was able to follow above steps and come up with this http://www.vaibhavbhosale.com/photogallery/index.php/. I will be working on the appearance to match the theme I have.. thanks for all your help

you can also remove all this:

              $("#g-site-menu>ul").prepend('<li><a href="/">Main Site</a></li>');
              $("a.g-menu-link:contains('Home')").text('Gallery Home');
              var h = $('#g-info>div').html();
              if(h) $('#g-info>div').html(h.replace(/((ftp|http|https):\/\/(\w+:{0,1}\w*@)?(\S+)(:[0-9]+)?(\/|\/([\w#!:.?+=&%@!\-\/]))?)/gi, '<a href="$1" target="_blank">$1</a>'));
              var h = $('ul.g-metadata>li:contains("Description:")').html();
              if(h) $('ul.g-metadata>li:contains("Description:")').html(h.replace(/((ftp|http|https):\/\/(\w+:{0,1}\w*@)?(\S+)(:[0-9]+)?(\/|\/([\w#!:.?+=&%@!\-\/]))?)/gi, '<a href="$1" target="_blank">$1</a>'));

-s
FlashYourWeb and Your Gallery with The E2 XML Media Player for Gallery2

1st you'll want to dial back the version of jQuery to 1.7.x ish
<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
to:
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

-s
________________________________
All New jQuery Minislideshow for G2/G3