Fancybox not working on local machine...

May 29th, 2013 at 08:57 AM
User 2387231 Photo

Christopher Wilder
Ambassador
122 posts

I have fancybox working on my website online but I need it to work on my local computer for offline use.

Each picture on the following page is linked to a page which has fancybox workin online. However, when I click on one of the pictures on my computer, it just opening the picture file in the web browser (white page with the picture)
http://pc-repair.coffeecup.com/hardware.html

Any ideas how to make it work on my local computer?

Thanks!
Christopher Wilder
May 29th, 2013 at 10:05 AM
User 187934 Photo

Eric Rohloff
Senior Advisor
20,266 posts
Online Now

You must not have a .js file in the proper location on you pc but happen to place it on your server at some time during the design process. If your using the HTML editor download all the files on the host back to your local machine. I don't even see any Fancybox code on that page.;)
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
May 29th, 2013 at 10:14 AM
User 271657 Photo

paintbrush
Ambassador
3,816 posts

Christopher...I don't see any code for it in your webpage?
Where are the scripts and CSS located?
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>

<script type="text/javascript" src="/fancybox/jquery.fancybox-1.3.4.pack.js"></script>

<link rel="stylesheet" href="/fancybox/jquery.fancybox-1.3.4.css" type="text/css" media="screen" />



http://fancybox.net/howto

:lol: Eric, you're too fast
I love deadlines. I like the whooshing sound they make as they fly by. (Douglas Adams)
https://www.callendales.com
May 29th, 2013 at 10:16 AM
User 187934 Photo

Eric Rohloff
Senior Advisor
20,266 posts
Online Now

I see it on the other pages.;)
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
May 29th, 2013 at 10:26 AM
User 271657 Photo

paintbrush
Ambassador
3,816 posts

On the pages that have it... after you click/open an image and then close it , the whole webpage is shifted to the right.
Any ideas about that? (I'm being nosey 'cause I'm having some Jquery script issues.)
I love deadlines. I like the whooshing sound they make as they fly by. (Douglas Adams)
https://www.callendales.com
May 29th, 2013 at 11:48 AM
User 187934 Photo

Eric Rohloff
Senior Advisor
20,266 posts
Online Now

One issue is that Fancybox is assigning a margin to the body tag.
<body class="fancybox-lock" style="margin-right: 17px;">
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.