60 jili login register philippines.Claim Your Free 999 Pesos Bonus Today

Simple Lightbox Integration

socialpays — Sun, 04 Oct 2020 01:48:51 +0000

Hi,

I hope someone can help. I am trying to integrate the Simple Lightbox into my posts page so that the thumbnails open up in the lightbox but have no clue where to input the relevant code.

I did find this code to use which I added to the page and even though it did work it created double images on my page:

// Link post thumbnail to full-size image.
if ( has_post_thumbnail() ) {
$thumbnail = [
// URI of full-size post thumbnail image.
‘uri’ => get_the_post_thumbnail_url( null, ‘full’ ),
// HTML to display post thumbnail.
‘img’ => get_the_post_thumbnail(),
];
// Build thumbnail link.
$thumbnail[‘link’] = sprintf( ‘%s‘, esc_attr( $thumbnail[‘uri’] ), $thumbnail[‘img’] );

// Display full-size image in lightbox when clicked.
if ( function_exists( ‘slb_activate’ ) ) {
$thumbnail[‘link’] = slb_activate( $thumbnail[‘link’] );
}

// Display post thumbnail.
echo $thumbnail[‘link’];
}

This is the code from my posts page. Does anyone know how I can implement this code above into my code below?

——————————————————————————-

$is_gallery = count($images) > 1;
$imgsrc = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), ‘large’);

if ($imgsrc[0] == ”) {
$imgsrc[0] = get_template_directory_uri() . ‘/img/blank.gif’;
$imgsrc[1] = get_option(‘medium_size_w’);
$imgsrc[2] = get_option(‘medium_size_w’);
} else if ($imgsrc[1] <= 1 && $imgsrc[2] <= 1){
$thumbid = get_post_thumbnail_id($post->ID);
$size = getimagesize($imgsrc[0]);
$imgsrc[1] = $size[0];
$imgsrc[2] = $size[1];
}

//if is animated gif
$animated_gif = false;
if (substr($imgsrc[0], -4) == ‘.gif’ && get_post_meta(get_post_thumbnail_id($post->ID), ‘a_gif’, true) == ‘yes’) {
$animated_gif = true;
$animated_gif_imgsrc_full = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), ‘full’);
echo ‘

’;

}

//if need resize
if ($post_video && strpos($post_video, ‘data-resize’) !== false) {
$imgsrc[1] = get_option(‘medium_size_w’);
$imgsrc[2] = round(get_option(‘medium_size_w’)/1.77);
}
?>

” src=”” alt=”” style=”width:px;height:px” />

————————————————————–

Thank you very much for your time.

Reply To: Simple Lightbox Integration

Archetyped — Tue, 06 Oct 2020 01:28:29 +0000

Hi, the code you provided appears to be incomplete. Please post your template code as per the support forum’s FAQ on posting code examples to ensure it can be fully evaluated.

Thanks.

Reply To: Simple Lightbox Integration

socialpays — Tue, 06 Oct 2020 09:40:11 +0000

Hi,

Thanks for your reply. Sorry. I am a newbie. I just need to know how to incorporate SLB into my website. Here is the code for the relevant page:


>
	

		ID, '_Bg Color', true); if ($bgcolor) echo 'style="background-color: rgba(' . $bgcolor . ',0.5)"'; ?>>
			
				
			

			ID, "_Photo Source", true);
			$post_video = pinc_get_post_video($photo_source);
			
			if (!isset($pin_id)) {
				$pin_id = $post->ID;
			}
			$images = get_attached_media('image', $pin_id);
			$videos = get_attached_media('video', $pin_id);
			
			if ($post_video || !empty($videos)) {
			?>

			
			

			 1;
			

				$imgsrc = wp_get_attachment_image_src(get_post_thumbnail_id ($post->ID), 'large');
				
				
			
			if ($imgsrc[0] == '') {
				$imgsrc[0] = get_template_directory_uri() . '/img/blank.gif';
				$imgsrc[1] = get_option('medium_size_w');
				$imgsrc[2] = get_option('medium_size_w');
			} else if ($imgsrc[1] <= 1 && $imgsrc[2] <= 1){
				$thumbid = get_post_thumbnail_id($post->ID);
				$size = getimagesize($imgsrc[0]);
				$imgsrc[1] = $size[0];
				$imgsrc[2] = $size[1];
			}

			//if is animated gif
			$animated_gif = false;
			if (substr($imgsrc[0], -4) == '.gif' && get_post_meta(get_post_thumbnail_id($post->ID), 'a_gif', true) == 'yes') {
					$animated_gif = true;
					$animated_gif_imgsrc_full = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), 'full');
					echo '';

			}

			//if need resize
			if ($post_video && strpos($post_video, 'data-resize') !== false) {
				$imgsrc[1] = get_option('medium_size_w');
				$imgsrc[2] = round(get_option('medium_size_w')/1.77);
			}
			?>
			
				
			
			" src="" alt="" style="width:px;height:px" />
		

		post_status != 'pending') { ?>
			
				
					
				

				post_author != $user_ID) { ?>
					
						
					
				
					
				

				
					
				
			
		

		name . ', ';
				}
				$tags = substr($tags, 0, -2);
			}
		}
		?>
		
		
		
		
										post_status == 'publish' && (current_user_can('administrator') || current_user_can('editor') || current_user_can('author') || !is_user_logged_in())) { ?>
						

										
											 0) echo '  ' . $post_repins_count; ?>
										
										
										

										
										

											
										
										

										
											" alt="" /> 
										
										
										
										
										
									
		
				
			post_status == 'pending') {
				echo '' . __('Pending Review', 'pinc') . '';
			}

			echo mb_strimwidth(the_title_attribute('echo=0'), 0, 51, ' ...');
			

			
			if ($the_tags) {
				echo '';

				foreach($the_tags as $the_tag) {
					echo '' . $the_tag->name . ' ';
				}

				echo '';
			}
		
			?>
		
	
	ID, '_Bg Color', true); if ($bgcolor) echo 'style="background-color: rgba(' . $bgcolor . ',0.5)"'; ?>>

	ID, '_Likes Count', true);
	$repins_number = get_post_meta($post->ID, '_Repin Count', true);
	$comments_number = get_comments_number();
	?>
	
	ID . '" class="repins-count hide">';'';
		} else {
			echo ' ' . $repins_number . '';
		}

		if ($likes_number == '' || $likes_number == '0') {
			echo '';
		} else {
			echo ' ' . $likes_number . '';
		}

		if ($comments_number == '0') {
			echo '';
		} else {
			echo ' ' . $comments_number . '';
		}
	?>
	

	
		
		
			
			
				rewrite['slug'] . '/' . sanitize_title(pinc_get_post_board()->name, '_') . '/' . pinc_get_post_board()->term_id . '/'); ?>">name; ?>
			
		
	

	
	
	  $frontpage_comments_number) {
			$offset = $comments_number - $frontpage_comments_number;
		} else {
			$offset = 0;
		}

		$args = array(
			'number' => $frontpage_comments_number,
			'post_id' => $post->ID,
			'order' => 'asc',
			'offset' => $offset,
			'status' => 'approve'
		);
		$comments = get_comments($args);
		foreach($comments as $comment) {
		?>
		
			user_id); ?>
			
				
					
				

				user_id, '30'); ?>

				
					
				
			
			
				user_id == get_current_user_id()) :?>
				
					
				
				
				
					
						
					

					comment_author; ?>

					
						
					
				
				comment_content), 0, 95, '...'); ?>
			
		
		
		
	
	
		
		
		ID;
		$id_submit = 'submit-' . $post->ID;

		comment_form(array(
			'id_form' => $id_form,
			'id_submit' => $id_submit,
			'title_reply' => '',
			'cancel_reply_link' => __('X Cancel reply', 'pinc'),
			'comment_notes_before' => '',
			'comment_notes_after' => '',
			'logged_in_as' => '',
			'label_submit' => __('Post Comment', 'pinc'),
			'comment_field' => ''
		));
		?>

Reply To: Simple Lightbox Integration

Archetyped — Sat, 10 Oct 2020 00:55:56 +0000

Hi, it looks like replacing the existing thumbnail link in your template (the link starting with … in the

 element) with the Post thumbnail example from SLB’s documentation will do what you want.
Note that you may need to add in CSS classes/ids from the template code that you are replacing to match the existing styles, though its difficult to say for sure without seeing the full theme itself.