1 Topic by hoang83vu (edited by hoang83vu 2012-01-12 19:50)

  • Registered: 2011-12-20
  • Posts: 180

Topic: [Extension] fancy_box2

Feature: Overlay images to the current page (extension fancy_box written by me)

This is similar to the fancy_image add-on, except it is independent. The only dependency needed is the pun_jquery. More effects and animations, better transitions. You can check out the official site fancyBox2

Link to my site: http://vphansite.com/forum/viewtopic.php?id=47

  • Quadric
  • Extension Developer
  • Offline
  • Registered: 2011-12-03
  • Posts: 72

Re: [Extension] fancy_box2

Hey hoang83vu

I suggest you may override url/src tag and add "rel" attribute which will change behaviour a little bit that all images with this rel could be switched to prev and next.

Check this out in my forum: http://rct.goblix.pl/topic829-czarna-pe … mer-1.html

And there is an extension Image Assistant which produces that code: http://punbb.informer.com/forums/topic/ … assistant/



I think it's a good idea to make "fancybox" extension independant and maybe use it as a dependency for other extensions.

3 Reply by hoang83vu (edited by hoang83vu 2012-01-12 20:43)

  • Registered: 2011-12-20
  • Posts: 180

Re: [Extension] fancy_box2

The way this works is that all images want to be overlay-ed must follow this pattern

<a class="fancybox" href=""><img src="" /></a>

This extension does not use rel="" but uses class="fancybox" for the trigger instead. I do not allow image upload on my forum, so users can only link them.

I think it is good to stay independent. I tried couple similar extensions but they were heavily depended on the dependencies which I found it was hard to maintain them. This one only needs jQuery.

I also change the code so that it works in group instead of individuals. I have not added any css for the buttons yet, so for now only click click smile

  • From: Italy
  • Registered: 2005-09-25
  • Posts: 704

Re: [Extension] fancy_box2

wow nice...

5 Reply by hoang83vu (edited by hoang83vu 2012-01-14 20:50)

  • Registered: 2011-12-20
  • Posts: 180

Re: [Extension] fancy_box2

UPDATED:

Fully functional. Working in groups so that if you have more than 1 link, it will auto add the NEXT and PREV buttons. Check it out at http://vphansite.com/forum/viewtopic.php?id=47 and let me know your feedback. Try to post some images too guys.

I hope you like it smile

  • Quadric
  • Extension Developer
  • Offline
  • Registered: 2011-12-03
  • Posts: 72

Re: [Extension] fancy_box2

You don't like to have a prev and next buttons like here http://rct.goblix.pl/topic829-czarna-pe … mer-1.html ?

Or i just don't see it?

  • Registered: 2011-12-20
  • Posts: 180

Re: [Extension] fancy_box2

I do. I think it should be viewable. Try this http://vphansite.com/forum/viewtopic.php?id=47

Does anyone see it? the NEXT and PREV?

8 Reply by abclf

  • abclf
  • Senior Member
  • Offline
  • From: France
  • Registered: 2004-07-30
  • Posts: 148

Re: [Extension] fancy_box2

Yes, it's working for me (chrome). Next and prev link showed while pointing the image.

abclf's Website

  • Registered: 2011-12-20
  • Posts: 180

Re: [Extension] fancy_box2

That is how its supposed to work. Thanks for confirming smile

10 Reply by Quadric (edited by Quadric 2012-01-18 20:28)

  • Quadric
  • Extension Developer
  • Offline
  • Registered: 2011-12-03
  • Posts: 72

Re: [Extension] fancy_box2

Now it works for me too. Maybe i've had some junk in browser cache. Looks great.

  • Registered: 2011-12-13
  • Posts: 54

Re: [Extension] fancy_box2

where can i get him ?

12 Reply by hoang83vu (edited by hoang83vu 2012-01-18 22:00)

  • Registered: 2011-12-20
  • Posts: 180

Re: [Extension] fancy_box2

coolternet wrote:

where can i get him ?

Get who? I am here smile


Quadric, any chance you can help me solve this issue?
On my forum, I have bbcode [vid][/vid] for videos. All i need is a parser to turn it into <a class="fancybox.iframe" href="user input">Watch video</a>

The reason for this is that I wanna use fancyBox for videos as well. I have the fancyBox for images, now just a bit of work more I can get both to work on fancyBox, then I can release the extension smile

Please please any supporters smile

  • Registered: 2011-12-13
  • Posts: 54

Re: [Extension] fancy_box2

how can i install Fancy_BOX ? smile

  • Registered: 2011-12-20
  • Posts: 180

Re: [Extension] fancy_box2

The extension is not ready yet. I am still working on the video tag. I will release it when its done.

15 Reply by Kushi

  • Kushi
  • Kushi
  • Style creator & Extension Developer
  • Offline
  • From: Poland
  • Registered: 2011-10-26
  • Posts: 243

Re: [Extension] fancy_box2

Perhaps You should take a look on fancy_video_tag and spy some solution tongue.

If any of my dropbox link fails with 404 error, change dl.dropbox.com/u/56038890/punbb/*.zip in address to 82283017.

Currently working on rPlus - responsive theme for developers to create their own themes basing on this one.
  • Registered: 2011-12-20
  • Posts: 180

Re: [Extension] fancy_box2

UPDATED:

I am pleased to announce that both img tags and vid tags are working with fancyBox rite now. Check out the link below for demos

  • For images: check out this

  • For videos: check out this

Let me know what you think.



Perhaps You should take a look on fancy_video_tag and spy some solution .

I did check out that extension Kushi. Yeah, it was very complex for me to understand the regular expressions without a debugging tool. I had to manually output every single step on the way.

  • Quadric
  • Extension Developer
  • Offline
  • Registered: 2011-12-03
  • Posts: 72

Re: [Extension] fancy_box2

Upss, too late tongue i see you've done it. Look here for my comments about close button in video  http://punbb.informer.com/forums/post/143446/#p143446

  • Registered: 2011-12-20
  • Posts: 180

Re: [Extension] fancy_box2

Hey, I was wondering if anyone could see that little overflow. Nothing else I couldve expected from you Quadric. You spotted it so fast lolz ... anyway, I have fixed it. Hope you like it.

For everyone, try to post a video so I can see the consistency please smile

  • Registered: 2011-12-20
  • Posts: 180

Re: [Extension] fancy_box2

All demos have been redirected to http://vphansite.com/forum/viewforum.php?id=23

  • Registered: 2011-12-13
  • Posts: 54

Re: [Extension] fancy_box2

we can use it now for 1.4 ?

  • Registered: 2011-12-20
  • Posts: 180

Re: [Extension] fancy_box2

I have not made icons for the default Oxygen yet. Plus, this does not have options for signature. I am basically not allowing ppl to use img and vid in signature.

  • Registered: 2011-12-20
  • Posts: 180

Re: [Extension] fancy_box2

released here