Horizontal & thickbox combined

marinabru / 2011-11-28 07:33:24   

Hi,
I'm looking for a combined plugin: Horizontal scroll with big thumbnails (height 500px) and the possibility to click on each picture to look alone at it in a thickbox.
You can have a look at the website here.
For now i just worked with the horizontal plugin.

Did somebody work on this idea before? I already search in the forum but didn't found what i'm looking for.
I would be really interrested! Any advice are welcome!
Thank you,

Marina

G470 / 2011-11-29 17:01:28   

Hi Marina, it´s really easy to do this just include the thickbox script in your theme index file or directly in the plugin like this:

  1. // ** load some javascript files from the lib **//
  2. $exhibit['lib_js'] = array('fileyouwanttocall.js');
  3. then wrap the image files into a href link. Line 53 of the exhibit file:
  1. $a .= "<a href='" . BASEURL . GIMGS . "/$go[media_file]' title='' class='thickbox' rel='gallery-plants'><img src='" . BASEURL . GIMGS . "/$go[media_file]' width='$go[media_x]' height='$go[media_y]' alt='" . BASEURL . GIMGS . "/$go[media_file]' /></a>n";

...should work like you want it.
Post back if I´m to fast :)

marinabru / 2011-11-30 15:24:41   

thanks for your answer! I'll try it and get back to you, if it work (or not ;-)

marinabru / 2011-12-02 03:57:44   

It's working exactly as i want it!
THANK YOU very much for your help!

ps: i had to load more than just one javascript files to make it work well. I did it like this:

  1. $exhibit['lib_css'] = 'jquery.thickbox.css';
  2. $exhibit['lib_js'] = array('jquery.thickbox.js');
  3. $exhibit['dyn_js'] = "var loadingAnim = '" . BASEURL . "/';";
rickykappa / 2011-12-02 05:12:05   

@marina, best compliments, but kindly answer 2 questions
- in which page we can see this in action?
- in which page is there a link back to indexhibit?

marinabru / 2011-12-02 10:17:58   

the website is still under constuction, i'll put it online soon, befor christmas i hope (and post the link here!). And there will be a link back to indexhibit too (i think in the link section).

johnplawlor / 2013-01-17 21:10:54   

G470,

Can you tell me what I need to replace your 'gallery-plants' with in the code you have shared?

Is there something I can use that will work for all images which I should enter in place of 'gallery-plants'?

  1. $a .= "<a href='" . BASEURL . GIMGS . "/$go[media_file]' title='' class='thickbox' rel='gallery-plants'><img src='" . BASEURL . GIMGS . "/$go[media_file]' width='$go[media_x]' height='$go[media_y]' alt='" . BASEURL . GIMGS . "/$go[media_file]' /></a>n";
johnplawlor / 2013-01-17 21:43:36   

I think I've solved the problem, but I'm now left with a floating 'n' which I am struggling to align with the links above.

Any help would be appreciated.

My site is here: john-lawlor.com/work/a-garden-of-machines/

This thread has been closed, thank you.