Galleria change wanted

(6 posts) (2 voices)

1. 

   ronvanderhoff
   Member

   First of all, what an amazing template! Seen many, but this one rocks!

   I only want to make a change to the galleria shortcode. I want to remove the thumbnails under the big picture. How can I do that?

   regards Harm

   

   Attachments

   1. Galleria.jpg (64.1 KB, 0 downloads) 11 months old

   Posted 11 months ago #
2. 

   Elliott
   Support

   Hello ronvanderhoff,

   Open up /wp-content/themes/awake/lib/functions/shortcode.php and on line 505 you should see this,

   transition: "' .$transition. '",

   Right beneath that add this line,

   thumbnails: false,

   Let us know if that works for you okay.

   Posted 11 months ago #
3. 

   ronvanderhoff
   Member

   Thankx Elliot,

   But can I also do this on individual occasions? I put it on the frontpage where I want de thumbs out, but in other occasions not. Hope that is also possible. see http://www.socx.nl/rl

   Posted 11 months ago #
4. 

   Elliott
   Support

   Make sure lines 416 - 514 look like this,

   function webtreats_galleria_sc( $atts, $content = null ) {
   	global $post;
    
   	extract(shortcode_atts(array(
   		'id' => '1',
           	'transition' => 'fade',
   		'height' => '300',
   		'width' => '600',
   		'autoplay' => 'false',
   		'thumbs' => '',
    
       ), $atts));
    
   	webtreats_galleria_sc_scripts($transition,$height,$autoplay,$id,$thumbs);
    
   	$load_height = $height;
   	$galleria_height = $height; $galleria_height +=92;
   	$load_width = $width; $load_width -= 18;
    
   	if(preg_match_all('!http://.+\.(?:jpe?g|png|gif)!Ui',$content,$matches)){
    
   		$out .=  '<div id="galleria_' .$id. '" style="width:' .$width. 'px;height:' .$galleria_height. 'px;overflow:hidden;">';
    
   		foreach ($matches[0] as $img) {
    
   			$gallery_img = webtreats_image_resize($load_height,$load_width,$img);
    
   			$out .= '<a href="' .$gallery_img. '"><img alt="" class="noscript" src="' .webtreats_image_resize($img_height=40, $img_width=60, $img). '" /></a>';
   		}
   		$out .=  '</div>';
    
   	}
    
   	return $out;
   }
   add_shortcode('galleria', 'webtreats_galleria_sc');
    
   function webtreats_galleria_sc_scripts($transition,$height,$autoplay,$id,$thumbs) {
   	if(!is_feed()){
   		$height +=92;
   		echo '<script type="text/javascript">
   		/* <![CDATA[ */
   		jQuery(document).ready(function(){
   			jQuery("#galleria_' .$id. '").galleria({
   				height: ' .$height. ',
   				autoplay: ' .$autoplay. ',
   			        transition: "' .$transition. '",
   					thumbnails: "'.$thumbs.'",
   				image_crop: true
   			});
   		});
   		/* ]]> */
   		</script>';
   	}
   }

   And then you can decide whether you want to use thumbs like this,

   [galleria thumbs = "true"]
   
   [galleria thumbs = "false"]

   Posted 11 months ago #
5. 

   ronvanderhoff
   Member

   Hi Elliot,

   This resolves it partially. The thumbs dissappear, but as you can see in the screenshot the space between the slide and the line under it stays the same. Hope this can be changed too.

   regards Harm

   

   Attachments

   1. Screen_shot_2011-06-15_at_09.53.01.jpg (52.2 KB, 0 downloads) 11 months old

   Posted 11 months ago #
6. 

   Elliott
   Support

   Try adding this line in your style.css file,

   .galleria-thumbnails-container { display: none; }

   And then open up /wp-content/themes/awake/lib/functions/shortcode.php and around line 475 you should see this,

   $galleria_height = $height; $galleria_height +=92;

   Change it like this,

   $galleria_height = $height;

   Or play around with the "92" value until it looks right.

   Posted 11 months ago #

RSS feed for this topic

Reply

You must log in to post.