Jquery Not Found

JavaScript
1

None of my jquery/javascript files are being found. Sorry if someone already posted about this, I did a few searches and didn’t find an answer. the site is breeziecastell.com/nb

thank you in advance. Breezie


<!DOCTYPE html>
<html dir="ltr" lang="en-US">
<head>
<meta charset="UTF-8" />
<title>nb</title>

<link rel="stylesheet" type="text/css" media="all" href="http://breeziecastell.com/nb/css/style.css" />


<!-- Template stylesheet -->

<script type="text/javascript" charset="utf-8" src="http://ajax.googleapis.com/ajax/libs/swfobject/2.1/swfobject.js"></script>




<link rel='stylesheet' id='screen_css-css'  href='http://breeziecastell.com/nb/css/screen.css?ver=3.2' type='text/css' media='all' />
<link rel='stylesheet' id='fancybox_css-css'  href='http://breeziecastell.com/nb/css/jquery.fancybox-1.3.0.css?ver=3.2' type='text/css' media='all' />
<link rel='stylesheet' id='videojs_css-css'  href='http://breeziecastell.com/nb/css/video-js.css?ver=3.2' type='text/css' media='all' />
<link rel='stylesheet' id='vim_css-css'  href='http://breeziecastell.com/nb/css/vim.css?ver=3.2' type='text/css' media='all' />
<link rel='stylesheet' id='dark.css-css'  href='http://breeziecastell.com/nb/css/dark.css?ver=3.2' type='text/css' media='all' />
<script type='text/javascript' src='http://breeziecastell.com/nb/js/jquery.js?ver=1.7.1'></script>
<script type='text/javascript' src='http://breeziecastell.com/nb/js/jquery.ui.js?ver=3.2'></script>
<script type='text/javascript' src='http://breeziecastell.com/nb/js/jquery.fancybox-1.3.0.js?ver=3.2'></script>
<script type='text/javascript' src='http://breeziecastell.com/nb/js/jquery.easing.js?ver=3.2'></script>
<script type='text/javascript' src='http://breeziecastell.com/nb/js/jquery.nivoslider.js?ver=3.2'></script>
<script type='text/javascript' src='http://breeziecastell.com/nb/js/jquery.touchwipe.1.1.1.js?ver=3.2'></script>
<script type='text/javascript' src='http://breeziecastell.com/nb/js/jquery.ppflip.js?ver=3.2'></script>
<script type='text/javascript' src='http://breeziecastell.com/nb/js/jquery.RotateImageMenu.js?ver=3.2'></script>
<script type='text/javascript' src='http://breeziecastell.com/nb/js/jquery.transform-0.9.3.min_.js?ver=3.2'></script>
<script type='text/javascript' src='http://breeziecastell.com/nb/js/jquery.tubular.js?ver=3.2'></script>
<script type='text/javascript' src='http://breeziecastell.com/nb/js/jquery.validate.js?ver=3.2'></script>
<script type='text/javascript' src='http://breeziecastell.com/nb/js/hint.js?ver=3.2'></script>
<script type='text/javascript' src='http://breeziecastell.com/nb/js/browser.js?ver=3.2'></script>
<script type='text/javascript' src='http://breeziecastell.com/nb/js/video.js?ver=3.2'></script>
<script type='text/javascript' src='http://breeziecastell.com/nb/js/jquery.jplayer.min.js?ver=3.2'></script>
<script type='text/javascript' src='http://breeziecastell.com/nb/js/custom.js?ver=3.2'></script>


<style type="text/css">

body, #page_content_wrapper .sidebar .content .posts.blog { font-size:12px; }

.nav li a { font-size:14px; }

.page_caption h1 { font-size:120px; }

h1 { font-size:40px; }

h2 { font-size:32px; }

h3 { font-size:26px; }

h4 { font-size:24px; }

h5 { font-size:22px; }

h6 { font-size:18px; }


</style>

</head>


<body class="home blog" id="pp_flow">

			<input type="hidden" id="skin_color" name="skin_color" value="000000"/>
		
		<input type="hidden" id="pp_auto_start" name="pp_auto_start" value="true"/>
	
		<input type="hidden" id="pp_enable_reflection" name="pp_enable_reflection" value="true"/>

	<!-- Begin template wrapper -->
	<div id="wrapper">
				
					<br class="clear"/>
		<div id="imageFlow">
	<div class="text">
		<div class="title">Loading</div>
		<div class="legend">Please wait...</div>
	</div>
	<div class="scrollbar">
					<img class="track" src="http://breeziecastell.com/nb/dark_slider_bg.png" alt=""/>
			<img class="bar" src="http://breeziecastell.com/nb/images/white_slider_handle.png" alt="">
				<img class="arrow-left" src="http://breeziecastell.com/nb/sl.gif" alt="">
		<img class="arrow-right" src="http://breeziecastell.com/nb/sr.gif" alt="">
	</div>
</div>

<div id="fancy_gallery" style="display:none">
<a id="fancy_gallery0" href="http://www.breeziecastell.com/nb/images/1.JPG" rel="gallery" ><img src="http://breeziecastell.com/nb/images/white_slider_handle.png" alt=""/ ></a>
<a id="fancy_gallery1" href="http://www.breeziecastell.com/nb/images/2.JPG" rel="gallery" ><img src="http://breeziecastell.com/nb/images/white_slider_handle.png" alt=""/></a>
<a id="fancy_gallery2" href="http://www.breeziecastell.com/nb/images/3.JPG" rel="gallery" ><img src="http://breeziecastell.com/nb/images/white_slider_handle.png" alt=""/ ></a>
<a id="fancy_gallery3" href="http://www.breeziecastell.com/nb/images/4.JPG" rel="gallery" ><img src="http://breeziecastell.com/nb/images/white_slider_handle.png" alt=""/></a>
<a id="fancy_gallery4" href="http://www.breeziecastell.com/nb/images/5.JPG" rel="gallery" ><img src="http://breeziecastell.com/nb/images/white_slider_handle.png" alt=""/ ></a>
<a id="fancy_gallery5" href="http://www.breeziecastell.com/nb/images/6.JPG" rel="gallery" ><img src="http://breeziecastell.com/nb/images/white_slider_handle.png" alt=""/></a>
<a id="fancy_gallery6" href="http://www.breeziecastell.com/nb/images/7.JPG" rel="gallery" ><img src="http://breeziecastell.com/nb/images/white_slider_handle.png" alt=""/ ></a>
<a id="fancy_gallery7" href="http://www.breeziecastell.com/nb/images/8.JPG" rel="gallery" ><img src="http://breeziecastell.com/nb/images/white_slider_handle.png" alt=""/ ></a>
<a id="fancy_gallery8" href="http://www.breeziecastell.com/nb/images/9.JPG" rel="gallery" ><img src="http://breeziecastell.com/nb/images/white_slider_handle.png" alt=""/ ></a>
<a id="fancy_gallery9" href="http://www.breeziecastell.com/nb/images/10.JPG" rel="gallery" ><img src="http://breeziecastell.com/nb/images/white_slider_handle.png" alt=""/ ></a>
<a id="fancy_gallery10" href="http://www.breeziecastell.com/nb/images/11.JPG" rel="gallery" ><img src="http://breeziecastell.com/nb/images/white_slider_handle.png" alt=""/ ></a>
<a id="fancy_gallery11" href="http://www.breeziecastell.com/nb/images/12.JPG" rel="gallery" ><img src="http://breeziecastell.com/nb/images/white_slider_handle.png" alt=""/ ></a>
<a id="fancy_gallery12" href="http://www.breeziecastell.com/nb/images/13.JPG" rel="gallery" ><img src="http://breeziecastell.com/nb/images/white_slider_handle.png" alt=""/></a>
<a id="fancy_gallery13" href="http://www.breeziecastell.com/nb/images/14.JPG" rel="gallery" ><img src="http://breeziecastell.com/nb/images/white_slider_handle.png" alt=""/ ></a>
</div>



<br class="clear"/>

	<div id="footer">
	   </div>
	
</div>



</body>
</html>
2

They either aren’t being found because they aren’t where the file path is pointing, or perhaps because of those queries on the end:

http://breeziecastell.com/nb/js/jquery.js?ver=1.7.1

Firstly check if there’s actually anything inside the /js/ folder here: http://breeziecastell.com/nb/js/

3

Hello :slight_smile: thank you very much for the reply. The Path’s are all correct. Here are some things I did differently. I copied and pasted the codes directly from someones website * I AM NOT PLANNING ON STEALING ANYTHING I’M JUST LEARNING* and named the files accordingly.

Normally what I do is download the source and upload the files directly.

The other thing is that it’s not a subdomain, nothing is really linked to the root folder.

Thank you for any help :slight_smile:

4

Well, paste this into your browser–

http://breeziecastell.com/nb/js/jquery.js

and tell me what happens. That’s the path to your jquery.js file. If it were there, the code would appear on screen.

5

okay… when I remove the queries everything shows up. I don’t really understand that, but I will eventually. I’ll see if everything starts to work correctly.

6

Cool, I had a feeling they were getting in the way, but I don’t understand them enough to advise.

7

I’ve just loaded up the site in question. jQuery is being found. There is no problem with loading the scripts.

It’s the images that don’t seem to be found.


http://breeziecastell.com/nb/dark_slider_bg.png Failed to load resource: the server responded with a status of 404 (Not Found)
http://breeziecastell.com/nb/sl.gif Failed to load resource: the server responded with a status of 404 (Not Found)
http://breeziecastell.com/nb/sr.gif Failed to load resource: the server responded with a status of 404 (Not Found)
http://www.breeziecastell.com/nb/images/6.JPG Failed to load resource: the server responded with a status of 404 (Not Found)

8

Hi Paul; thank you . I know those images are not loading, and that’s just because I haven’t put them in. The jquery files are working now; i fixed them before you looked at it probably.

What’s happening now is the website I"m modeling this after is I believe querying the wordpress gallery from the custom.js or ppflip file. When I view source the images don’t show; however when I inspect element from Chrome, the gallery is loaded and I can see the markup. I tried to mock the markup by using the same class and style but it’s still not working; nor are the images loading in the “inspect element” … I started to try and read the jquery “ppflip” that the author made so I could see where the images were loading from . . . I just want a gallery that operates similarly so I"m learning . As I said before , I won’t copy or steal; this is purely for learning.

I’ll keep investigating and If anyone has any additional ideas I’d love to hear. As I said; I am learning. :slight_smile: Your input is greatly appreciated !

9

I suggest then that you go to the documentation page for the gallery and use that and its demos for your learning instead.

10

Yes, thank you, I’ve been. The theme appears to be querying the wordpress gallery because the “inspect element” on Google Chrome shows the markup and the index file does not. I don’t want to dig more because I already know I can’t make a theme with shortcodes… I don’t know how.

Ultimately I want a responsive coverflow gallery which enables touchswipe on ipad/iphone. I guess I"ll try to combine two scripts but if this author made his own, it’s probably because it doesn’t work.

I don’t know why I can’t just do things the easy way, lol.

thanks again

11

Perhaps what you have been trying is not the easy way.

There are wordpress plugins such as RoyalSlider that do a really good job with the touchswipe aspect of things, but you are expected to pay for it.
There’s also a free one called DOP Slider but it doesn’t seem to be anywhere near as responsive on the iPad.

The RoyalSlider is so good at what it does that I would happily pay for it if I had the need for it.

12

lol, you’re absolutely correct. It’s not the easy way. . . Thank you for the input , I’ll check those out.