I’m not sure if this is even possible…

[Curryman]

I’ve been using Slimbox2 very successfully on my site since I got my earlier problems ironed out, but I have a question.

My site is primarily about reviewing miniatures for tabletop wargames. I’d like to use a lot more pics to illustrate my subjects, but I’m struggling to find an elegant layout method to get them all on the page. In an ideal world I’d like to be able to have a photoset with only the lead picture inserted into the post. Then when a reader clicks on it, it would enlarge as usual and they could navigate through the rest of the images in the set in the usual fashion using the scroll arrows.

Is this something Slimbox2 can do, or is this idea just insane? Maybe ‘m the only person in the world who thinks this is a good idea. Anyhow, I thought I’d ask. Thanks.
-Curry

[malcalevak]

I "think" there is a way to do this, though you’d have to tweak the code yourself.

I vaguely recall reading someone asking a similar question on the slimbox2 website (as opposed to the WordPress plugin site you’re at).

I’m about to head out on a long business trip, or I’d look into it further, but in the meantime you might want to peruse the site: http://groups.google.com/group/slimbox-support/topics

If you find an answer post it here, it’ll save me time when I finally have a chance to dive back into things.

[Anonymous]

This is exactly what I’m looking for.  I have slimbox2 and nextgen gallery.  I was hoping in my case you would be able to click on one of the concert photos and have that get shown in slimbox and then be able to cycle through the rest of the photos.

my website is davidmawby.com if it helps any. I’m also running the sharpfolio template.

Thanks.

[monodistortion]

Are you familiar with CSS? It’s pretty easy to do this if you hide some of the the images with style="display: none;" or make a class called something like displaynone and then in your CSS file write:
[code:16leb384].displaynone {
display: none;
}[/code:16leb384]

Here’s an example of where I used this technique:
http://reitzas.com/?mainFrame=%2Fpress.php

You could do this with the NextGen gallery also but you might have to make a custom template file.

[Curryman]

Wow, Dave, that is one slick site you have there. Nice job That’s certainly the effect I’m after, but I don’t code at all. Maybe I’m just going to have to get used to disappointment…

[monodistortion]

Hi, This is Nick (I made the reitzas.com site for my old boss.)

If you want to learn some HTML and CSS it isn’t very hard. Here’s a good beginner’s tutorial:
http://www.sitepoint.com/article/html-c … ers-guide/

Basically we want to display the first thumbnail and hide the links after that with CSS. Your code will look something like this:
[code:306aejkd]<a href="full-image1.jpg" rel="lightbox-set1" title="Full Image 1">
  <img src="image1_thumb.jpg" alt="image 1" width="100" height="100" />
</a>
<a href="full-image2.jpg" rel="lightbox-set1" class="displaynone" title="Full Image 2"></a>
<a href="full-image3.jpg" rel="lightbox-set1" class="displaynone" title="Full Image 3"></a>
<a href="full-image4.jpg" rel="lightbox-set1" class="displaynone" title="Full Image 4"></a>
[/code:306aejkd]

Then in your CSS file you would have the code:
[code:306aejkd]
.displaynone {
display: none;
}[/code:306aejkd]

[Curryman]

Cool, thanks! I’ll give it a shot this weekend and see what I can do.

[malcalevak]

Thanks monodistortion, that should definitely do the trick for him.

[Author]

Posts