Fancybox in site hosted on Google Drive

804 views
Skip to first unread message

Janet ten Boom

unread,
Oct 15, 2013, 7:21:39 AM10/15/13
to fanc...@googlegroups.com
Hi everyone,

What's the problem here? Is this because the site hosted on Drive? Or is there another problem?

Thanx in advance!
Janet

This is the code:


<!DOCTYPE html>

<html>

<head>


<!-- Add jQuery library -->
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>

<!-- Add mousewheel plugin (this is optional) -->

<!-- Add fancyBox -->
<link rel="stylesheet" href="https://googledrive.com/host/0B9xKQGZDGAMQXzZ6UnJhWVZHTDQ/jquery.fancybox.css" type="text/css" media="screen" />

<!-- Optionally add helpers - button, thumbnail and/or media -->
<link rel="stylesheet" href="https://googledrive.com/host/0B9xKQGZDGAMQV2ljUkpPVEt0VUU/jquery.fancybox-buttons.css" type="text/css" media="screen" />

<link rel="stylesheet" href="https://googledrive.com/host/0B9xKQGZDGAMQV2ljUkpPVEt0VUU/jquery.fancybox-thumbs.css" type="text/css" media="screen" />
</head>

<body>








<script type="text/javascript">$(document).ready(function(){$('.fancybox').fancybox();});</script>
</body>

</html>


JFK

unread,
Oct 15, 2013, 7:15:43 PM10/15/13
to fanc...@googlegroups.com
it seems like drive didn't like to load jQuery :

Blocked loading mixed active content "http://code.jquery.com/jquery-latest.min.js"
https://googledrive.com/host/0B9xKQGZDGAMQYnU1OTRZVmhLRUU/test-08.html
Line 0

Janet ten Boom

unread,
Oct 16, 2013, 5:15:53 AM10/16/13
to fanc...@googlegroups.com
Aha! So I don't have to go any further in that direction.
I allready spent a lot of time looking for mistakes, so you saved me from spending more time! 
I also tried referring to jqueryfiles hosted on other websites, but that didn't work either. 
And now I understand why: the problem is the one you discovered. 

Thanx very, very much! 
Now I will set my hopes and time on my other discussion board: how to implement FancyBox in GoogleSites. 

:) Thanx again for your time!

Op woensdag 16 oktober 2013 01:15:43 UTC+2 schreef JFK:

Janet ten Boom

unread,
Oct 16, 2013, 8:10:27 AM10/16/13
to fanc...@googlegroups.com
Ha! 
I got it to work! 
to replace http with https. 
It got me thinking...
I replaced the code of 'http://code.jquery.com/jquery-latest.min.js' to https and it works now!

Thanx and see you!



Op woensdag 16 oktober 2013 11:15:53 UTC+2 schreef Janet ten Boom:

Janet ten Boom

unread,
Oct 16, 2013, 8:12:03 AM10/16/13
to fanc...@googlegroups.com
Oh... working testsite ... https://googledrive.com/host/0B9xKQGZDGAMQYnU1OTRZVmhLRUU/test-11.html

Op woensdag 16 oktober 2013 14:10:27 UTC+2 schreef Janet ten Boom:

JFK

unread,
Oct 16, 2013, 4:08:58 PM10/16/13
to fanc...@googlegroups.com
Excellent, glad to hear you got it working!
Thanks for sharing, I bet this will be useful for many others

roberto sebilla

unread,
Jun 30, 2014, 10:48:26 PM6/30/14
to fanc...@googlegroups.com
Am glad I came across this post, works flawlessly!
Reply all
Reply to author
Forward
0 new messages