Topic: Fancybox · BuddyPress.org

Fancybox

jamesyeah
Participant

@jamesyeah

14 years, 4 months ago

Hey,

I’m currently working on integrating Fancybox to buddypress, primarily to open external group blog and twitter links on the main site without users having to be directed away.

There seems to be some kind of javascript conflict between them though, ive put a demo up with some links, it works on the Kubrick theme but not buddypress standard/classic themes.

(I am running the 1.2 bleeding edge with the new theme, currently working on customising that too!)

http://yeahetc.com/about/

James

Viewing 8 replies - 1 through 8 (of 8 total)

jamesyeah
Participant

@jamesyeah

14 years, 4 months ago

Forgot to include the name of the plugin!

https://wordpress.org/extend/plugins/fancybox-for-wordpress

Xevo
Participant

@xevo

14 years, 4 months ago

Try this, and put rel=”fancybox” on your links. I doubt the script is ever gonna work like that with buddypress.

$('a[rel*=fancybox]').fancybox();
jamesyeah
Participant

@jamesyeah

14 years, 4 months ago
I tried adding that in but no luck, the syntax they suggest for simple links is:
```
Create a link element (<a href>)

For images :



</a><a href="image_big.jpg"><img src="image_small.jpg" alt=""/></a> Inline content <a href="#data">



For links:



href="http://www.example?iframe">This goes to iframe</a>



or



<a href="http://www.example">This goes to iframe</a>
```
Xevo
Participant

@xevo

14 years, 4 months ago

Yeah, but that’s not gonna work with buddypress. You need to specify that your calling a javascript function. Buddypress just sees those things as links. I doubt this is gonna work with buddypress at all if you call to the functions like that. I’m amazed it worked with wordpress.

Edit: You added the earlier code to the text? Your supposed to put it in your header either in a external javascript file or just between script tags.

Bowe
Participant

@bowromir

14 years, 4 months ago

H-Mag.com uses prettyphoto lightbox clone to do this.. maybe this won’t give you conflicts?

http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/

jamesyeah
Participant

@jamesyeah

14 years, 4 months ago

Ahh yes good idea, I had looked at pretty photo but I didn’t try it in the end.

I will give it a go and let you know!

thanks, james

jamesyeah
Participant

@jamesyeah

14 years, 4 months ago

Hey,

Yes it works! I spent a while trying to uinstall it manually, but it’s actually much easier to use the plugin:

https://wordpress.org/extend/plugins/wp-prettyphoto/faq/

The css needs some cleaning up but otherwise it’s nice and works

abysshorror
Member

@abysshorror

12 years, 4 months ago

Hey, I’m trying to ad fancybox to some links (“public message” for example). Could you help me with this ? thanks !

Viewing 8 replies - 1 through 8 (of 8 total)

The topic ‘Fancybox’ is closed to new replies.

BuddyPress.org

Fancybox

Topic Info

Reply Search