Fancybox plugin

hwm187 / 2010-12-20 19:24:25   

Just checking if anyone has used Fancybox in any of their sites, I am going to try to make it into a plugin over the next week, just wanted to see if my work has all ready been done.

Haven't built my own plugin yet so i'm sure i'll be back with a few questions.

Vaska A / 2010-12-20 22:29:07   

I've done it...but never released it (can't remember why though). It's easy to do...have fun with it.

;)

hwm187 / 2010-12-21 13:03:34   

well that was fast - i'm stuck. I was using the shadowbox plugin as a guide, but i really don't know what i'm doing.

I did get the thumbnails to show up, just no slideshow - here is my link Webpage

I am in over my head, but if someone can walk me through it, i'd certainly keep trying -

arsondpi / 2010-12-23 03:23:47   

Here you go: fancybox 4 ndxz
Might need some css tweeking - hey, you can do that...

Have a nice xmas holidays.

hwm187 / 2011-01-05 16:16:07   

arsondpi you are amazing!! thank you so much!

CELIBERTI / 2011-01-15 11:17:11   

it looks great on hwm187 's site! anybody can tell me why it doesn't work with mine ?

gnaut / 2011-01-15 11:26:56   

thank you arsondpi this is very helpful.
i have followed the instructions exactly and have looked all over the code but when you click on the images in the gallery, it's just a direct link to the image rather than executing fancybox. the exhibition is set as fancybox.

i don't have it on a server online yet but i can paste here the setup:

fancybox folder is in: /ndxz-studio/site/js/fancybox/
exhibit.fancybox.php is in: /ndxz-studio/site/plugin/

in the index.php, it contains:

  1. <style type='text/css'> 
  2. @import url(http://www.arsondpi.gr/try/ndxz-studio/site/js/fancybox/jquery.fancybox-1.3.4.css);
  3.     .fancybox-title-outside { color:#000; }
  4.     #fancybox-title-over { background-image: none; }
  5.     #img-container a { margin: 0 10px 10px 0; display: block; float: left; }
  6. </style> 

and

  1. <script type='text/javascript'> 
  2. $(document).ready(function() {
  3.     $("a[rel=ndxz_fancybox]").fancybox({
  4.         'padding'             : 0,
  5.         'margin'             : 40,
  6.         'transitionIn'        : 'elastic',
  7.         'transitionOut'        : 'elastic',
  8.         'titlePosition'        : 'float',
  9.         'overlayColor'        : '#fff',
  10.         'overlayOpacity'    : 0.9,
  11.         'titleFormat'        : function(title, currentArray, currentIndex, currentOpts) {
  12.         return '<span id="fancybox-title-over">' + (currentIndex + 1) + ' / ' + currentArray.length + (title.length ? '   ' + title : '') + '</span>';
  13.         }    
  14.     });
  15. });
  16. </script> 
  1. in the <head> tag. 
  1. for <body> it contains:
  1. <body class='section-4'>

as far as i know this is all setup correctly, the one thing i'm not sure about is the link to your css file. is there anything i can do to get this to work properly?

thank you,
gnaut

gnaut / 2011-01-15 11:31:53   

sorry it didn't include some of the code for some reason.
the links to the images are like this:

fancybox image link code

CELIBERTI / 2011-01-16 16:45:17   

gnaut all you need is to upgrade your jquery.js to the most recent version..and voila!;)

arsondpi / 2011-01-16 16:50:06   

Hello gnaut and thanx for your email -

...indeed fancybox needs a recent jquery version.
And that mistake I made is now fixed, so it should work fine if you reupload the plugin...

CELIBERTI / 2011-01-16 16:56:13   

right, thank you so much arsondpi, (tight work) and hurrah for indexhibit

gnaut / 2011-01-16 17:36:45   

thanks for the help guys, and of course thanks to indexhibit it is great.
i'll try this out!

hnewsom / 2011-05-16 18:13:58   

Arsondpi -

Is there another link for fancybox 4 ndxz the one you posted is not working,

Thank you!

arsondpi / 2011-05-18 03:56:36   

I had to empty my dropbox account, sorry about that...
I did however forward via email *all* files/images etc that are used in this forum, to Vaska. Obviously he's hasn't got around it yet - busy bee... I'll try to see if I can find it in my backup...

tindust / 2011-05-18 10:24:19   

Thanks Arsondpi, I would also very much like to use this!

Trying to figure it out in the meantime.

thanks,

tin

ima / 2011-05-26 08:38:33   

Hi,
I'm new both with Indexhibit and any kind of Web design. I'm a photographer, no notion in programming but highly motivated, so I'm trying to do as much as I can all by myself. So first of all, thank you so much for the Indexhibit team, everything here's very exciting!!!

I installed the Fancybox plugin and I experience some promblems:

1
I have galeries that are on fancybox and Thickbox. When I click on those that are in fancybox display, the left menu display as a list and I surely don't want that

and 2
Thickbox, that I previuosly had managed to adapt according to aonther thread in order to get click=next image facility, now doesn't work anymore. It just doesn't load the images. I don't know where to look in order to fix this pb (js, plugin, or???) that appeared after having installed the fancybox plugin (which transformed the jquery.js file- is it there that I have to do smtg?; if yes, what would that be???)

If somebody just could give me a hint with all this I would highly appreciate it.

That's my site under construction www.imadina.eu

Cheers!

blameme / 2011-05-26 09:17:35   

It's probably a conflict in the 2 scripts, you should use either fancybox or thickbox, not both.

hwm187 / 2011-08-24 16:20:43   

Ok back for the attack!

plugin is working great now, but i'm curious about the thumbnail positioning. What i'd like is similar to Grow thumbnails, where the lines (or grid) of thumbs are evenly spaced through out the image container. Can someone help me figure this out with the Fancy thumbs css.

site is here- Webpage

thanks guys!

hwm187 / 2011-08-24 17:13:46   

sorry here is the direct link - Link

hwm187 / 2011-08-25 09:18:09   

resolved - i decided to use sys thumbs :)

saltedteeth / 2012-07-16 07:54:37   

Does anyone have a Fancybox plugin?
I can't figure out how to install it.

I downloaded it from their website but I don't know where to put all the files so that it will start working.

arsondpi / 2012-07-16 08:39:26   

check it out here: arsondpi.gr/try/files/…

ALMO / 2012-07-16 10:01:59   

Can someone shortly explain what fancybox is or give me a good example so I can imagine and consider using it myself?

:)

plocploc / 2012-07-16 13:07:12   

Thanks Arsondpi

Is it working with 2.0 ?
Your files look like designed for legacy version, am I wrong ?

arsondpi / 2012-07-16 14:44:44   

Yes it's for the Legacy version - Visual index does the same thing on version 2...

saltedteeth / 2012-07-16 19:51:44   

Arsondpi, I did that, but it's opening the images on their own page instead of in a box, do you know why this might be?

saltedteeth / 2012-07-16 20:01:27   

Here is a link to the page, if that helps: saltedteeth.nfshost.com/…

arsondpi / 2012-07-16 22:10:14   

you need to update jquery with a newer version...

lucasariel / 2012-12-15 19:02:00   

Hi,
I have Indexhibit 2.0. I downloaded the zip from arsondpi, follow instructions and is not working. I changed some path names (old indexhibit structure, I guess), but still failing.
Is a way to include fancybox in Version 2.0? (not the combination Visualindex/overlay, but really showing html content in a box)
Thank you,
Lucas.

lucasariel.com

Vaska A / 2012-12-15 19:07:01   

What? The plugin never did that for old Indexhibit either.

Please post version 2 questions in version 2 threads. I'm closing this thread because it's long overdue/out of date.

This thread has been closed, thank you.