1 Replies - 2575 Views - Last Post: 02 November 2012 - 02:25 AM

#1 top314  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 7
  • Joined: 24-February 10

Fancybox Usage

Posted 23 October 2012 - 02:26 PM

Hey guys. I have a question real quick about the jQuery driven plugin Fancybox. It's a lightbox plugin that I've used for quite awhile on my 'Tumblr Blog.' I've tried to re-implement it on this newer theme and I was unable to get it to work.

Firstly, here is my blog. I am trying to make the 'Message' link in the bottom left popup with FancyBox.
http://www.r0han.tumblr.com


So here are my settings...

<script type="text/javascript">
$(document).ready(function() {
$("a#single_image").fancybox();
$("a#inline").fancybox({
'hideOnContentClick': true
});


$(".various3").fancybox({
        		'width'				: '50%',
				'height'			: '17%',
				'autoScale'			: 'false',
				'transitionIn'		: 'fade',
				'transitionOut'		: 'fade',
				'type'				: 'iframe'
			});
            
$(".various4").fancybox({
    			'width'				: '50%',
				'height'			: '50%',
				'autoScale'			: 'false',
				'transitionIn'		: 'fade',
				'transitionOut'		: 'fade',
				'type'				: 'iframe'
			});
            
$(".various5").fancybox({
        		'width'				: '80%',
				'height'			: '70%',
				'autoScale'			: 'false',
				'transitionIn'		: 'fade',
				'transitionOut'		: 'fade',
				'type'				: 'iframe'
               
			});
});
</script>


And then I tried to use Fancybox with the following line,

{block:ifAskLink}<a class="various3" href="http://www.tumblr.com/ask_form/{Name}.tumblr.com">Message</a>{/block:ifAskLink}


I reread the how-to tutorial at

Quote

and tried all their fixes. I implemented a proper Doctype, loaded jQuery, added the CSS and js files needed for FancyBox, and I fired the plugin using a jQuery selector. However, I'm still quite lost as to why I am unable to use FancyBox.


Am I missing something really obvious?

Is This A Good Question/Topic? 0
  • +

Replies To: Fancybox Usage

#2 Kruithne  Icon User is offline

  • D.I.C Regular
  • member icon

Reputation: 99
  • View blog
  • Posts: 442
  • Joined: 28-July 09

Re: Fancybox Usage

Posted 02 November 2012 - 02:25 AM

Hello there,

I think you'll find the problem is related to the FancyBox library not being included on your page! The path you have specified for the library resolves with a 404 as well as your easing library, see below.

Request: http://r0han.tumblr.com/fancybox/jquery.fancybox-1.3.4.pack.js
Method: GET
Code: 404 Not Found

Request: http://r0han.tumblr.com/fancybox/jquery.easing-1.4.pack.js
Method: GET
Code: 404 Not Found

Was This Post Helpful? 0
  • +
  • -

Page 1 of 1