• FPHT

    (@fpht)


    Hi,

    I’m using the NextGEN gallery plugin. I am editing gallery.php to show one thumbnail only for each gallery and loading the other images in the background so that when the thumbnail is clicked a lightbox opens.

    Take a look at this page

    You’ll see two entries for the same gallery. The first is an “extended gallery” entry, and the second is the single gallery (which opens in the lightbox). I am trying to make the second look like the first. So far I have managed to do this – adding the gallery title, description and border.

    However, I’m struggling to make the description sit beside the image, as it does in the first one…. any ideas?

    This is the code for gallery.php…..

    <?php
    /**
    Template Page for the gallery overview
    
    Follow variables are useable :
    
    	$gallery     : Contain all about the gallery
    	$images      : Contain all images, path, title
    	$pagination  : Contain the pagination content
    
     You can check the content when you insert the tag <?php var_dump($variable) ?>
     If you would like to show the timestamp of the image ,you can use <?php echo $exif['created_timestamp'] ?>
    **/
    ?>
    <?php if (!defined ('ABSPATH')) die ('No direct access allowed'); ?><?php if (!empty ($gallery)) : ?>
    
    <div class="ngg-galleryoverview" id="<?php echo $gallery->anchor ?>">
    <?php if ($gallery->show_slideshow) { ?>
    
    		</a>
    	</div>
    <div class="ngg-album">
    <?php } ?>
    	<div class="ngg-albumtitle"><?php echo $gallery->title ?></a></div>
    <p><?php echo $gallery->description ?></p> <strong>!! THIS IS THE DESCRIPTION</strong>
    
    <?php if ($gallery->show_piclens) { ?>
    	<!-- Piclense link -->
    	<div class="piclenselink">
    		<a class="piclenselink" href="<?php echo $gallery->piclens_link ?>">
    			<?php _e('[View with PicLens]','nggallery'); ?>
    		</a>
    	</div>
    
    <?php } ?>
    
    	<!-- Thumbnails -->
    	<?php foreach ( $images as $image ) : ?>
    
    	<div id="ngg-image-<?php echo $image->pid ?>" class="ngg-gallery-thumbnail-box" <?php echo $image->style ?> >
    		<div class="ngg-gallery-thumbnail" >
    			<a href="<?php echo $image->imageURL ?>" title="<?php echo $image->description ?>" <?php echo $image->thumbcode ?> >
    				<?php if ( !$image->hidden ) { ?>
    				<img title="<?php echo $image->alttext ?>" alt="<?php echo $image->alttext ?>" src="<?php echo $image->thumbnailURL ?>" <?php echo $image->size ?> />
    				<?php } ?>
    			</a>
    		</div>
    	</div>		
    
    	<?php if ( $image->hidden ) continue; ?>
    	<?php if ( $gallery->columns > 0 && ++$i % $gallery->columns == 0 ) { ?>
    		<br style="clear: both" />
    	<?php } ?>
    
     	<?php endforeach; ?>
    
    </div>
    
    <?php endif; ?>
Viewing 1 replies (of 1 total)
  • Marcus

    (@mschumann)

    I like your website, very nice. How did you place the images in your pages? Are they programmed manually? Can you give me a hind how to connect the link / image with the gallery? I can’t identify the relevant parts of your web-code

    Here is a way to protect your changes from updates. Maybe you haven’t seen.
    https://nextgen-gallery.com/templates/

    thx Marcus

Viewing 1 replies (of 1 total)
  • The topic ‘Editing Plugin / Layout’ is closed to new replies.