HTML Logo by World Wide Web Consortium (www.w3.org). Click to learn more about our commitment to accessibility and standards.

Moving forward with Composr

ocPortal has been relaunched as Composr CMS, which is now in beta. ocPortal 9 will be superseded by Composr 10.

Head over to compo.sr for our new site, and to our migration roadmap. Existing ocPortal member accounts have been mirrored.


Gallery Has Gaps

Login / Search

 [ Join | More ]
 Add topic 
Posted
Rating:
#80452 (In Topic #16322)
Avatar

Well-settled

I've turned off flow mode in my gallery so that people get a page of thumbnails instead of the film strip. Some of the photos were taken with the camera sideways and then rotated, which meant the automatically generated thumbnails were too tall and messed up the layout of the gallery.
To fix it I've rotated the thumbnails so they're the same as all the others. Unfortunately the layout of the galleries has remained the same as it was when the thumbnails were round the wrong way. This means in some places the thumbnails start half way along the row instead of at the beginning. How can I fix this?

Example Gallery

[OMA] Clawcity - If It Ain't You….Frag It!!!
LAN Of The Damned - Admin
Back to the top
 
Posted
Rating:
#80454
Avatar

Community saint

I noticed that issue as well.  I have it on a list to fix on my site, but have not got there yet.

I'm not positive but I think it all uses CSS positioning, but don't know why it can not just make a grid as big as the biggest thumbnail.

I figured I would need to go old school and use tables to get it to look right.


Paul
Back to the top
 
Posted
Rating:
#80457
Avatar

Community saint

  • To fix it I've rotated the thumbnails so they're the same as all the others. Unfortunately the layout of the galleries has remained the same as it was when the thumbnails were round the wrong way.
  • How can I fix this?
If you haven't already done so, the only thing I can think of attacking is .gallery_media_expose in galleries.css and commenting out the 'width' parameter …

'with' the width





'without' the width





Does that do anything for you?

Take my advice. I'm not using it!

View my working ocPortal site (version 9.x.x) at Anglo-Indian Portal
Back to the top
 
Posted
Rating:
#80458
Avatar

Community saint

I've had the same issue. Since some of my gallery entries are multi-page PDFs, I've just taken to resizing the image to thumbnail size and am embedding the pDFs from Scribd to display the PDFs. This is a workable but not entirely satisfactory solution because I have so far left my photo scrapbook (gallery) in flow mode until I can sort this out.

v* supports displaying of PDFs directly so I am going to want to find a better solution that automatically creates thumbnails matted to a standard size for display in a grid.

Bob
Back to the top
 
Posted
Rating:
#80460
Avatar

Community saint

Thats why I'am use only attachtments on own pages. Thats working right for me.


http://digiflash.nl Photo community  (dutch)
Back to the top
 
Posted
Rating:
#80461
Avatar

Community saint

Fletch, I tried your suggestion.  No go on my end.  I did regenerate template cache too, but nothing changed at all.


Paul
Back to the top
 
Posted
Rating:
#80462
Avatar

Community saint

…No go on my end…
Hmmmmm….. Bummer!

Can I suggest you take a look at friendly's Prehistorics Illustrated and click on any of the galleries showcased on his right panel. I recall we (he, I, others) had many stabs at this and eventually came up with a solution.

Perhaps a PT asking how he achieved the display would be the quickest way to resolve the issue.

 :thumbs:

Take my advice. I'm not using it!

View my working ocPortal site (version 9.x.x) at Anglo-Indian Portal
Back to the top
 
Posted
Rating:
#80463
Avatar

Community saint

Ah, his works as it should work.   I looked at his page source, it appears whatever he did is in the css as the photos are all div's…  

Paul
Back to the top
 
Posted
Item has a rating of 5 (Liked by Jean)  
Rating:
#80465
Avatar

Community saint

Arbo,

I had this problem years ago and modified my GALLERIES.CSS with the code below, in it you will see that I use a transparent image called "thumb_fill" to keep all the thumbnail placeholders the same size this modification was added under ".gallery_regular_thumb" for which I also added a height element under ".gallery_media_expose". Anyway here it is for what it is worth:

Code

ORIGINAL CODE

.gallery_media_expose {
    overflow: hidden;
    outline: 0;
    float: {!en_left};
    margin: 8px 8px 0 0;
    width: 152px;
}

.gallery_regular_thumb {
    border: 1px solid #6b81a1; /* */
    background-color: #e3e9f2; /* */
    font-size: 0.85em;
}



MODIFIED CODE

.gallery_media_expose {
    overflow: hidden;
    outline: 0;
    float: {!en_left};
    margin: 8px 7px 0 4px;
    width: 153px;
    height: 230px;
}

.gallery_regular_thumb {
    border: 1px solid #88a5c3; /* */
    background: url('{$IMG,thumb_fill}') ;
    width: 150px;
    height: 224px;
    background-color: #000e1d; /* */
    font-size: 0.85em;
}


Art and Imagination
of David L Friend

http://davidlfriend.com

  My Art Gallery
powered by ocPortal
Back to the top
 
Posted
Rating:
#80466
Avatar

Community saint

:thumbs:

Take my advice. I'm not using it!

View my working ocPortal site (version 9.x.x) at Anglo-Indian Portal
Back to the top
 
Posted
Rating:
#80469
Avatar

Community saint

Thanks for posting that, friendly. I'll ned to give that a shot as well.

Something like this should really be implemented in the base ocPortal code as I can't imagine anyone wants their thumbnails displayed helter-skelter around the page. People want thumbnails displayed on a normalized grid and this will become especially clear if Chris decides to do away with flow mode.

Bob


Last edit: by BobS
Back to the top
 
Posted
Rating:
#80470
Avatar

Community saint

Friendly,

Thanks.   Is that thumb_fill a png?  Guessing it is because they can be transparent.    Also, do you make it 150x224 per the CSS?

And as if I have not asked enough questions, is that put in themes/default/images_custom?

Paul

Paul
Back to the top
 
Posted
Rating:
#80471
Avatar

Community saint

Arbo said

Friendly,

Thanks.   Is that thumb_fill a png?  Guessing it is because they can be transparent.    Also, do you make it 150x224 per the CSS?

And as if I have not asked enough questions, is that put in themes/default/images_custom?

Paul
  • Yes, .png.
  • I checked my image and it is 150x210-guessing it is stretched by the CSS - you could test it by making your height (or width) different from the transparent png
  • themes/YOURTHEME/images_custom?
Questions are at least half as important as answers. Good questions :thumbs:


Art and Imagination
of David L Friend

http://davidlfriend.com

  My Art Gallery
powered by ocPortal
Back to the top
 
Posted
Rating:
#80474
Avatar

Community saint

Got it.   At first I couldn't figure out why the area behind the images that the images did not use was black.   But I changed the .png from transparent to solid white, and that took care of it.

Thanks again.

Paul
Back to the top
 
Posted
Rating:
#82969
Avatar

Well-settled

That's fixed it. Nice one Friendly :)

[OMA] Clawcity - If It Ain't You….Frag It!!!
LAN Of The Damned - Admin
Back to the top
 
Posted
Rating:
#83019
Avatar

Community saint

clawcity said

That's fixed it. Nice one Friendly :)
 :thumbs:  :thumbs:



Art and Imagination
of David L Friend

http://davidlfriend.com

  My Art Gallery
powered by ocPortal
Back to the top
 
1 guests and 0 members have just viewed this: None
Control functions:

Quick reply   Contract

Your name:
Your message: