Posted 2 years ago #
Latest update killed my CSS again..!
1.) I had a fine working solution to center images, horizontal and vertical, for both upright an landscape format... Now its all gone. Why isnt there any fix to SIMPLY center those thumbnail..?!
2.) When clicking on an image of gallery-A, the popup thickbox displays EVERY image from the actual side of the page.
e.g.: gallery-A has only 3 pictures, but - by clicking on one of them- it says "picture 1 of 12"...
A link would be helpful....
Posted 2 years ago #
2.) i reinstalled version 1.3.6, no the problem is gone, but its still there in v 1.4.0 and 1.4.1
1.) for example take a look at: http://tiny.cc/nextgen
Posted 2 years ago #
3rd Problem occured:
3.) The extra space under the gallery is back again ;(
<div class="ngg-clear"> </div>
how can this one be eliminated?
Posted 2 years ago #
3.) extra space could be eliminated by editing
../nextgen-gallery/css/nggallery.css
.ngg-clear {
font-size:0%;
}
Posted 2 years ago #
1.)
I had a fine working solution to center images, horizontal and vertical, for both upright an landscape format... Now its all gone.
is there any fix to SIMPLY center those thumbnail..?!
for an example take a look at: http://tiny.cc/nextgen
If you had a "working solution to center images" , then it must be a css fix. If you edit the plugin css file, then it will be removed during the upgarde, so you should better add a file called nggallery.css to your theme folder, which will be not deleted during the next upgrade
Posted 2 years ago #
So you don't know any solution? Sorry, I can't find it anymore...
Sorry no idea...
Posted 2 years ago #
Hard to believe, that centering thumbnails is such a specialized thing...
Posted 2 years ago #
I found following solution: http://wordpress.org/support/topic/247825?replies=5#post-1003000
2nd problem is still not solved...
2.) When clicking on an image of gallery-A, the popup thickbox displays EVERY image from the actual side of the page. tha problem comes up after version 1.3.6.
Posted 2 years ago #
I have developed a workaround. This works really well for a 'side orientated' gallery, to be accompanied by text in a post.
See http://rigidkitchen.net/archives/happy-holidays
Here's my template file. You'll notice I have some PHP that looks for an gallery "header" image. The gallery div is configured for 50x50 square thumbnails, you'll need to play with CSS to get it to fit your size thumbnails. This also will not work for fluid layouts:
<?php
/**
[comments]
**/
?>
<?php if (!defined ('ABSPATH')) die ('No direct access allowed'); ?><?php if (!empty ($gallery)) : ?>
<div id="gallery_<?php echo $gallery->ID ?>" class="galleryouter">
<?php $filename = $_SERVER{'/path/to/public_html/'}."path/to/headerdir/".$gallery->ID."-headerthmb.jpg";
if (file_exists($filename)) { ?>
<div id="gallery_<?php echo $gallery->ID ?>_header" class="gallery_header">
<a href="siteurl/path/to/hdr/dir/<?php echo $gallery->ID ?>-header.jpg">
<img src="siteurl/path/to/hdr/dir/<?php echo $gallery->ID ?>-headerthmb.jpg" title="" alt="" />
</a>
</div>
<?php } else { ?>
<div id="gallery_<?php echo $gallery->ID ?>_header" class="gallery_header"><!-- No Gallery Header Image Found --></div>
<?php }
?>
<!-- end Gallery Header -->
<div class="galleryimages"></p>
<div id="gallery_<?php echo $gallery->ID ?>_inner" class="galleryimagesinner">
<?php foreach ($images as $image) : ?>
<div class="gallery_small_thumb">
<a>imageURL ?>" title="<?php echo $image->description ?>" <?php echo $image->thumbcode ?>>
<img title="<?php echo $image->alttext ?>" alt="" src="<?php echo $image->thumbnailURL ?>" <?php echo $image->size ?>class="gallery_thumbnail" /></a></div>
<?php endforeach; ?>
</div>
</div>
</div>
<?php endif; ?>CSS:
.gallery_small_thumb img {
border:medium none !important;
margin:0 auto !important;
padding:0 !important;
}
.galleryouter {
float:left;
margin:4px 10px 0 0;
width:250px;
}
.gallery_header img {
border:medium none !important;
margin:0 !important;
padding:0 !important;
}
.galleryimages {
background:#E7EBEE none repeat scroll 0 0;
overflow:auto;
padding-top:10px;
}
.gallery_small_thumb {
float:left;
height:50px;
margin:0 10px 10px 0;
width:50px;
}
.galleryimagesinner {
clear:both;
padding:0 0 0 10px;
}Should be a good starting point for anyone looking to center images in a gallery, it's a good solution to a table setup (ew tables). If anyone has a better solution please post it!
Note: The Post code thing went whacky, you might have to pick out some random markup...
About your problem with centering both portrait and landscape, you could try modifying my code to wrap the images inside a "<p>", like this:
<div class="gallery_small_thumb">
<p class="galleryimage"><a>imageURL ?>" title="<?php echo $image->description ?>" <?php echo $image->thumbcode ?>>
<img title="<?php echo $image->alttext ?>" alt="" src="<?php echo $image->thumbnailURL ?>" <?php echo $image->size ?>class="gallery_thumbnail" /></a></p></div>and then for your CSS try this:
.galleryimage {
text-align:center;
margin: 0px auto;
padding:0px;
background: none;
}It might need some finagling, but that should work.
As far as the lightbox/thickbox error goes, try playing with the thickbox settings, that seems like another type of error. Maybe you've enabled a setting where it automatically inserts a "rel=" into every image's tag. I'm using a custom shadowbox build only meant for images and I don't have that problem on the latest build of NextGen Gallery.
Posted 2 years ago #
Thank you, rigidkitchen!
===========================
2nd problem is now solved, with version 1.4.3 its gone.
This topic has been closed to new replies.
