Slideshow/Thumbnail power combo?

schjetne / 2009-11-10 18:32:43   


I was wondering, the thumbnail/slideshow combo as seen here, is it a plugin or a custom job? Judging from the code it's not hard to custom make, but I'm helping a friend and he's not incredibly technical.

I'll make it for him if I have to, just wondering if there's already a plugin for it.

Thank you!

capsy77 / 2009-11-10 18:52:44   

Same question please :)

Vaska A / 2009-11-10 19:05:39   

It's Mr. Boogie?


schjetne / 2009-11-10 19:23:07   

Indeed it is, Vaska!

Here's a quick modification of the Iwakami slideshow that does exactly what that site up there does. I haven't tested it properly yet but it should work just fine.

Vaska A / 2009-11-10 19:29:54   

Hola duders...

I'm reviewing that page...I've never seen that one. It does seem very simple though. It does seem to be a twist on Iwakami.

People, test out the newerish format and let us know how it goes.


schjetne / 2009-11-10 19:35:48   

Might want to modify my plugin a bit, I've never done Indexhibit modifications before so I just did the best I could. A bit rusty in PHP too, as I'm stuck with Flex and AS3 these days.

bear / 2009-11-14 19:12:03   

Hello all,
This plugin is exactly what I'm looking for, so thank you.
I have 1 problem, though, and I don't know where to look to modify it...

Thumbnails are loading with too wide a margin around each image. The original 'Thickbox' thumbnail layout is what I'm after. Is this just a margin adjustment? Where do I adjust them?

my site...

I'll keep looking, but I'd appreciate any help.

lemathieu A / 2009-11-15 13:47:48   

Well done guys !

@ bear
this plugin has css rules at the end
just adjust them to fit your needs

schjetne / 2009-11-18 23:45:01   

Glad to hear other people find some use for it!

7 / 2009-11-19 00:05:03   

Bear, your one is going all over the place on mine. I'm looking at it on windows, Firefox. ;)

This is cool, thanks, schjetne. I'm having a bit of trouble with the image once you've clicked a thumb, they're scaled up massively. Where in the plugin controls the size?

I was looking here:

  1. "/$go[media_file]' width='" . $x[0] . "' height='" . $x[1] . "' class='img-bot' /></a><p>

But not sure! :D
Or is it relative to the container size or something?

ogoncalo / 2009-11-28 00:22:39   

you've got to love this...

akirkpatrick / 2009-12-01 22:33:54   

Is there a way to move "Back to thumbnails" and the Prev and Next further down on the page? Many thanks.

chris24net / 2009-12-01 23:05:14   

I love that once you get past the thumbnail page to the image, it's Iwakama, but with Prev and Next buttons. :) I don't want or need the thumb page, but I've been trying to get a Iwakami plug with Prev/Next. Any hints on what I need to change to get rid of the thumb page and just keep the Iwakami with Prev/Next? Thanks.

colour / 2009-12-02 02:12:41   

Just incase anyone wants to follow this, here is the new thread

colour / 2009-12-03 03:10:06   

fixed the bug!

  1. $prev = ($i == 1) ? $total : $i-1;

too easy!

chris24net / 2009-12-03 04:09:01   

Awesome. Congrats and thanks.

Also, one thing you should be aware of, the Iwakami and the mods were loading super slow and I couldn't figure out why. Djuve, etc. loaded fast. So I poured through the code and found a difference. Iwakami had this:

  1. $x = getimagesize(BASEURL . GIMGS . '/' . $go['media_file']);

And Djuve had:

  1. $x = getimagesize(DIRNAME . GIMGS . '/' . $go['media_file']);

So I changed my Iwakami mod to use DIRNAME rather than BASEURL and it's much faster. I'm no coder so I have no idea why, but it it is faster.

arsondpi / 2009-12-03 08:09:49   

The answer lies somewhere after line 42 in defaults.php and this link...
Somebody correct me but as far as I understood DIRNAME is a php function and BASEURL is an indexhibit function...
Still not sure why it loads faster.... Propably cause one is a default function and the latter a function that gets filtered first? Aren't functions cached?

jhochstoeger / 2009-12-21 10:55:17   

thanks a lot for this plugin, i tried it with thickbox but this is what i was searching for :-)
just a minor question: as i don´t have any knowledge about programming in php, is there a way to show "back to (exhibition name)" instead of "back to thumbnails"? jody rogac has it in her site, i like that very much:

  1. i think one has to change the something here in line 89:
  2. $a .= "¬†¬†¬†¬†<p><a href='#' onclick="swap(); return false;">Back to thumbnails</a></p>";
  3. but as i said, and don¬¥t know anything about programming, so maybe someone can help out. but it¬¥s just a minor issue...
jhochstoeger / 2009-12-21 10:56:29   

haha, i´m also no expert in posting code, so forget about line 1 & 3 in above posting :-)

jasmu / 2010-01-29 16:33:49   

thank you! this is what i was caving for a loooong time.
i wish ih had a better forum, where posts like this would appear prominent :(

Vaska A / 2010-01-29 16:49:33   

oh's always our fault around here when the most random ideas are not satisfied.

whatever...but i'm growing tired of your comments like this.

have you ever wondered why people (not only me) avoid your questions?

think about it...and keep things on topic...

ivo_valadares / 2010-02-03 15:01:56   

Hello. There is something wrong when you press the thumbnails thing.

You can check it here: Webpage

Nice plug by the way. Posible of having two in one. Come on Vaska A, who said it was your fault?

rethink / 2010-02-03 21:57:48   

hi! i'm a freelance photographer from italy. thank you for the all indexhibit project! it's just great.
i'm working at my portfolio, it's still a work in progress
i'd like to use the slidethumbcomb for my galleries but i want to move prev next and back down the page. and i can't figure out how to modify the distance between the thums and the thumb size. any help?

ivo_valadares / 2010-02-03 22:01:10   

I need help too

arsondpi / 2010-02-03 22:45:27   

@what seems to be wrong? I don't see anything wrong... Describe what you think is the problem.

@rethink You have to rearrange and edit code. A good place to start is be searching the forum with keywords slideshow custom - if you think that you won't manage getting it done on your own, maybe you could ask a friend or someone to help you out... or hire somebody.

And by the way I need professional help and it's my fault.

ivo_valadares / 2010-02-03 23:24:53   

Yes when you press the thumbnails the lower description moves to the right.

ivo_valadares / 2010-02-03 23:36:03   

You can see it here: Webpage

arsondpi / 2010-02-04 00:00:43   

yep - you're right - float issues...

Either wrap the text in p tags or edit the plugin so you include a clear: both div after the text...

[edit line 66]

  1. $s .= "<div style="clear: both;"></div><!--[if lte IE 6]><style type='text/css'>.thumb-img { #top: -50%; }</style><![endif]-->";

ivo_valadares / 2010-02-04 08:50:30   

Ufff. wrap wrap. Sounds chinese for me, very sorry.

I'll go for line 66

arsondpi / 2010-02-04 08:53:54   

"wrap in p tags" =

  1. <p>text wrapped in p tags</p>
ivo_valadares / 2010-02-04 08:59:34   


it's not working the line 66 editing:
Parse error: syntax error, unexpected T_STRING in /home/ivovalad/public_html/ndxz-studio/site/plugin/exhibit.slidethumbcombo.php on line 66

ivo_valadares / 2010-02-04 09:09:22   
I guess you mean inside the text area.

What ever description


ivo_valadares / 2010-02-04 09:10:03   
  1. <p>what ever description</P>
ivo_valadares / 2010-02-04 11:06:45   

Someone for the line 66?

ivo_valadares / 2010-02-04 16:46:35   

line 66, no one?

rethink / 2010-02-05 10:25:52   

someone can help me to understand how i move the prev next bottons behind the image?
i know i have to deal with the code but i really dont know how to do it. i've searched throught the forum but i couldn't find any real help...
and is there a way to have the thumbs displayed as in thickbox mode (i mean where the horizontal and vertical pics have the same high)?
i really appreciate your help

ivo_valadares / 2010-02-06 12:21:19   

I think if you want same highs for different images, horizontal or vertical you have to do it by yourself via photoshop or what ever.

I would like to make the text a bit closer but can't find in the code. I think is the last block of code, but...

jasmu / 2010-02-15 14:40:21   

i made my site xhtml 1.1 valid, but my project fail
what do i have to correct? i tried fixing the 'alt' attribute by adding the code from another plug in but failed, i just don't speak php :(

farwest1 / 2010-02-25 15:57:01   

This is working great for me (Iwakami+Thumbs.) I've modified it a bit so that instead of a "prev|next" icon to move from one slide to the next, it shows an actual forward and back arrow. (I just replaced the "prev" and "next" tags in the exhibit.slidethumbcombo.php plugin with jpeg images in my files folder, like this:

  1. < img src='/files/rightarrow.jpg' width='26' height='14' />
  1. I also changed show() to fadein() so there's a slight fade between images.  And I fixed the problem with the "prev" button on the first slide not finding the last slide in a loop, but rather going to a blank, by using colour's mod: switch the 0 in the first bracket to a 1.
  2. $prev = ($i == 1) ? $total : $i-1;

Here's the difficulty I'm having. I want all of my thumbnails to have the same height but a dynamic width, so that when you look at them on the page, they all line up horizontally, even though some of them are wider than others.

I looked at the following two threads, but neither of them quite solved the problem.

Thread #310 and Thread #357

Any ideas?

mrmister / 2010-03-02 14:31:32   

Yeah, something strange happens to the thumbnails after clicking "Back to Thumbnails". The Div moves/or breaks. Something to do with the display: inline/none swap?

Any ideas?

Eikibleiki / 2010-03-18 11:54:57   

I love this plugin. But can someone add two features to it? I don't have the knowledge to do it my self.

I would really like to be able to switch between images using the arrow keys. And when you hit backspace or the back bottom in the browser I would like to see the previous image but not going a hole page back.

Can someone do this? I would appreciate it allot and I think others would like these features to.

paperbrigade / 2010-04-13 02:46:43   

Hey guys,

So I have this glitch. If you're using this plugin we're all talking about here, once you click a thumbnail, then click the actual PHOTOS to go next it will double itself if you go too fast.

Screen shot attached. Anyone know how to fix this??


benhorinb / 2010-04-13 04:44:18   

same problem here:

can anyone help?

paperbrigade / 2010-04-27 17:56:48   

So guys, we're all fixed.

The problem was an outdated version of jquery!

Get that and update it in the ndxz-studio/site/js

All fixed.

shoutingstar / 2010-07-12 12:01:32   

Hi There,

I am really liking this slide/thumb combo. It works well, but I would like to be able to change one thing.

Instead of thumbs being the default view, I would like the slideshow to be the default, with a clickable option to skip to thumbs.

Is this possible and could you please give me some clues as to how to go about this? I am new to php and web language but I am learning quickly...


hwm187 / 2010-08-26 23:01:23   

My hover links seem to be popping up on the right side of each thumb. how can i make it go to the bottom of the thumb instead?


arsondpi / 2010-08-27 07:23:56   

Add this to the css part of the plugin...

a.thumb-img:hover { background: transparent; }

ps:respect for the try-out image in the link above :-D

lemathieu A / 2010-08-27 09:01:05   


hwm187 / 2010-08-27 14:49:54   

Thanks arsondpi but -

this seems to change the color of the hover (or make transparent). I am looking for a way to move the hover under the thumb, instead of to the right of the thumb. I like the hover option, just would like its location moved to below each thumb. make sense?

thanks for respect on test image......its kinda a mystery to me...

arsondpi / 2010-08-27 17:46:55   


#content a.thumb-img:hover { background: transparent; }
#content a.thumb-img img { border-bottom: 4px solid transparent; }
#content a.thumb-img img:hover { border-bottom: 4px solid pink; }

This thread has been closed, thank you.