Two different galleries in revo

23 Posts

cnbishop Reply #1, 15 years, 11 months ago

hi, i just implemented gallery on my site and it works great. i am wondering if is possible to have 2 albums on my site - but style them differently. for example, in one case i just want a list of the image names (as opposed to thumbnail images) where users can click and the image shows up. but the other scenario is to use an image for the thumbnail instead of just the text.

does anyone have any insight?

thanks for your time and help!

23 Posts

cnbishop Reply #2, 15 years, 11 months ago

i’ve been trying to get this to work, and i think i am close. in my galleriffic chunk i have the following:

[[!If?  
   &subject=`[[*id]]`  
   &operator=`EQ`  
   &operand=`42`  
   &then=`<div id="feature_container">
  code here
</div>`  
   &else=`<div id="home_container">code here
</div>`  
]]

and in one template i have this - which is working fine (this is the else statement code):

[[!Gallery? &album=`[[*album_name]]` &toPlaceholder=`gallery` &imageWidth=`570` &imageHeight=`800` &autoStart=`0` &plugin=`galleriffic`]]  
  
[[+gallery]]

and another template i have this - the thumbnails load, but the gallery images don’t. when i click a thumbnail it loads a new page with just the image itself (this is the ’if’ statement code):

[[!Gallery? &album=`Home` &toPlaceholder=`galleryHome` &imageWidth=`960` &imageHeight=`320` &plugin=`galleriffic`]]
[[+galleryHome]]

23 Posts

cnbishop Reply #3, 15 years, 11 months ago

got it! i was declaring my thumbnails incorrectly...i fixed and this is the final code in case it helps someone else:

[[!If?  
   &subject=`[[*id]]`  
   &operator=`EQ`  
   &operand=`1`  
   &then=`<div id="home_container">
<div id="feature">

	<div id="feature_info">
		<img src="img/home/red_grad.jpg" alt="" />
		<h2>Featured Work</h2>
<div id="gal-gaff-thumbs" class="navigation">
      <ul class="thumbs noscript">
          [[+thumbnails]]
      </ul>
  </div>
	</div>
	
    <div class="feature_img">
 <div class="galleriffic"> 
      <div id="gal-gaff-gallery" class="gal_main">

        <div class="slideshow-container">
            <div id="gal-gaff-loading" class="loader"></div>
            <div id="gal-gaff-slideshow" class="slideshow"></div>
        </div>
      <div id="gal-gaff-caption" class="caption-container"></div>
    </div>

    <div style="clear: both;"></div>
</div>
	<div class="clear"></div>
  </div>
  
</div></div>`  
   &else=`<div id="feature_container">
  <div class="feature">
    <div class="galleriffic"> 
      <div id="gal-gaff-gallery" class="gal_main">

        <div class="slideshow-container">
            <div id="gal-gaff-loading" class="loader"></div>
            <div id="gal-gaff-slideshow" class="slideshow"></div>
        </div>

      <div id="gal-gaff-caption" class="caption-container"></div>
    </div>

    <div style="clear: both;"></div>
  </div> 
<div class="clear"></div>
  		<div class="feature_info">

  			[[*project_detail_info]]
  		</div>
  	</div>

  	<div class="info">
  		<h3>[[*project_detail_paragraph_title_1]]</h3>
  		<p>[[*project_detail_paragraph_1]]</p>

  		<h3>[[*project_detail_paragraph_title_2]]</h3>
  		<p>[[*project_detail_paragraph_1]]</p>

  		<h3>[[*project_detail_paragraph_title_3]]</h3>
  		<p>[[*project_detail_paragraph_1]]</p>

  		<div class="links">
  		<h4>Project Images</h4>
  		    <div id="gal-gaff-thumbs" class="navigation">
      <ul class="thumbs noscript">
          [[+thumbnails]]
      </ul>
  </div>




  		</div>
  		<div class="clear"></div>
  	</div>
</div>`  
]]