Not sure why, I have all the files uploaded......
JamesD, could it be the location of the .js files? I have them in a folder named js
Hi Marc,
You currently have:
They are essentially the same thing, you'll need to remove one of these and add the jquery script, to something like:
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.flexslider-min.js"></script>
You currently have:
<script type="text/javascript" src="js/jquery.flexslider-min.js"></script>
<script type="text/javascript" src="js/jquery.flexslider.js"></script>
<script type="text/javascript" src="js/jquery.flexslider.js"></script>
They are essentially the same thing, you'll need to remove one of these and add the jquery script, to something like:
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.flexslider-min.js"></script>
Not sure, I tried a bunch of things, changing those two lines and such, but nothing.
A couple things before continuing...
- Update jQuery. The script currently there is a pretty old version.
- Close a style declaration.
You'll see that the last .pic img doesn't have a closing squiggly brace: }
Once those have been corrected we can take another look.
- Update jQuery. The script currently there is a pretty old version.
- Close a style declaration.
You'll see that the last .pic img doesn't have a closing squiggly brace: }
<style type="text/css">
.pics { height: 445px; width: 465px; padding:0; margin:0; overflow: hidden }
.pics img { height: 410px !important; width: 410px !important; padding: 10px; border: 1px solid #ccc; background-color: #eee; top:0; left:0 }
.pics img {
-moz-border-radius: 5px; -webkit-border-radius: 10px;
</style>
.pics { height: 445px; width: 465px; padding:0; margin:0; overflow: hidden }
.pics img { height: 410px !important; width: 410px !important; padding: 10px; border: 1px solid #ccc; background-color: #eee; top:0; left:0 }
.pics img {
-moz-border-radius: 5px; -webkit-border-radius: 10px;
</style>
Once those have been corrected we can take another look.
From what I can tell, I have version 2.2 of the jquery flexslider and 2.03 of jquery? Seem to be very recent versions?
I see "jQuery JavaScript Library v1.5.2" for jQuery
Here's the location of the jQuery script the page is calling:
test.dtscarpentry.com/js/jquery.min.js
If you visit that link directly, then you'll see the header information at the top of the page.
Here's the location of the jQuery script the page is calling:
test.dtscarpentry.com/js/jquery.min.js
If you visit that link directly, then you'll see the header information at the top of the page.
Well, I downloaded 1.11.0 and that did not work either. I found a plug-in that will migrate older versions? I can give that a shot later tonight if I need to. Here is the link https://github.com/jquery/jquery-migrate/
Before you do that you should get fix the current problems the page has. Like missing/broken element tags (still need to close that .pics img brace too)... things like that. Then make sure there are no JS errors. Right now there's a JS error being thrown, but it's not an obvious one. Usually ends up being missing tag/symbol causing it.
I seriously doubt adding that other script will work, not if there's another issue going on. I've been just taking you one step at a time just to clear up the JS error.
Hang in there, you're doing good. :-) I know how tedious/overwhelming this can be.
I seriously doubt adding that other script will work, not if there's another issue going on. I've been just taking you one step at a time just to clear up the JS error.
Hang in there, you're doing good. :-) I know how tedious/overwhelming this can be.
If I'm looking at the correct page.
This
Should be this.
This
<script type="text/javascript">
$(window).load(function() {
$('.flexslider').flexslider({
animation: "slide"
});
</script>
$(window).load(function() {
$('.flexslider').flexslider({
animation: "slide"
});
</script>
Should be this.
<script type="text/javascript">
$(window).load(function() {
$('.flexslider').flexslider({
animation: "slide"
});
});
</script>
$(window).load(function() {
$('.flexslider').flexslider({
animation: "slide"
});
});
</script>
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
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.