Description
FancyBox for WordPress is a WP plugin that uses jQuery to display images when clicked, without reloading the page. It uses FancyBox by Janis Skarnelis.
Instalation
- Decompress fancybox-for-wordpress.zip to your desktop
- Upload fancybox-for-wordpress folder to the plugins directory in your blog’s FTP, like this:
yourblog.com/wp-content/plugins/fancybox-for-wordpress/
- Activate the plugin
How to use the plugin
Actually you’re done! Once activated, each time you load your blog, the plugin will your search for direct links to JPG, PNG or GIF images and will apply the effect on them. The FancyBox effecto won’t be applied to text link though, only images linking to images.
More info
For a changelog, todo list, and more information, go to the plugin page in WordPress.org.
Images Demo
Here’s simple WordPress gallery, no code has been edited, the FancyBox for WordPress looks the code generated by WordPress and figures the rest out based on the options you set in the plugin’s admin page.
Content Demos
And here there are a few links featuring other FancyBox uses: Iframe content, Inline content and Ajax calls. Below each link you will find the code used to make it happen.
This link displays some Ajax data
<a class="fancybox" href="../../../descargas/ajax.txt">This link displays some Ajax data</a>This link opens another page in an Iframe
<a class="fancybox iframe" href="http://www.google.com/">This link opens another page in an Iframe</a>This link shows some inline content in a FancyBox window
<a class="fancybox" href="#testube">This link shows some inline content in a FancyBox window</a>
<div style="display:none" id="testube">
<object width="425" height="344">
<param name="movie" value="http://www.youtube.com/v/01C4RPEinM4&hl=es&fs=1&color1=0x006699&color2=0x54abd6"></param>
<param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param>
<embed src="http://www.youtube.com/v/01C4RPEinM4&hl=es&fs=1&color1=0x006699&color2=0x54abd6"
type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed>
</object>
</div>
If you want to keep up to date with this plugin you can follow me on Twitter
Download
FancyBox for WordPress at WordPress.org Plugins
Rafa
jesus
, y perdoname a mi por pedirlo en épocas donde el tiempo es oro,...
Th3 ProphetMan
S.K
Jk_
Tobi
Comfi
gracias!
@Th3 ProphetMan
I disabled all plugins and tried three different themes. No success
Looks like that was it!!
removed!
@Tobi: I don’t know what else might be causing it but i think it may have to do with Fancybox itself, you can search here or ask if someone has seen something similar before http://groups.google.com/group/fancybox
Perhaps this can help you a little bit:
http://groups.google.com/group/fancybox/browse_thread/thread/8a7a724b5d6166d7#
Hi there,
First of all thank you to bring the power of fancybox into Wordpress. Such a great plugin! However, i experienced a little problem with IE 8.
Fancybox pop up normally and then close leaving nothing on the screen except the image title.
I’ve got this error :
[code]
Agent utilisateur : Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.0; WOW64; Trident/4.0; GTB6.3; SLCC1; .NET CLR 2.0.50727; Media Center PC 5.0; .NET CLR 3.5.30729; .NET CLR 3.0.30618)
Horodateur : Wed, 30 Dec 2009 09:45:00 UTC
Message : '0.style' a la valeur Null ou n'est pas un objet.
Ligne : 1
Caractère : 8464
Code : 0
URI : http://www.madeinasia.be/wp-content/plugins/fancybox-for-wordpress/js/jquery.fancybox-1.2.6.min.js?ver=2.9
[/code]
Any advices will be really appreciated.
Thanks in advance,
Jk_
Hi
I get this 404 request:
http://cyberbrahma.com/wp-content/plugins/fancybox-for-wordpress/js/javascript:false;
Can you please help me find out what is happening.
S.K