Jquery Slider Rotates but something strange happens - javascript

I have a little problem, I've been working on this slider based on http://www.zurb.com/playground/orbit-jquery-image-slider (Orbit Slider) and Carousel plugins. You can view the results on my test page http://www.unscspartanteamomega.com/localh0st# . As you can see the images are rotating, but this only works on Firefox for some odd reason. In Chrome the images rotate behind the background and I don't know why, also the caption are not rotating either. Has this happened to anyone before? If anyone knows a possible solution to this, please let me know.
Here's the code I used to call the plugin
$(window).load(function() {
$('#carousel').orbit();
});
Thank you!

Okay here is my suggestion for you. Check these js files on your page.
cameramod
jquery.easing.1.3
jquery.min
jquery.mobile.customized.min
they have some errors like unexpected tokens ('<') and your main html file's script also contain an error #object has no method. Try to correct these first. Not very major errors just spend some time on them, monitor them carefully using web developer tools. Happy coding :)

Related

Why is some of my JQuery loading right away, and other parts are taking over ten minutes to load on a page (or never loading)?

I'm developing a web-page, basically from scratch. I have a .html file, .css file, and .js file that includes only JQuery. I am only running this locally on my own machine, and for some reason, now only some of my Javascript loads. For instance, I have some hidden s that when hovered over, they are displayed with JQuery calls. These seem to work fine as they always have. I have a scrolling sidebar that has hidden sub-menu items, and this usually loads fine as well. I have a hidden div that displays a definition list on a button click, and when you hover over the , the should slideDown. If I wait about 10-15 minutes this will start working. But obviously that is a problem.
Also, in Chrome's 'Developer Tools' I don't see any errors under the sources tab. I checked the 'Pause on caught exceptions' box, (this is where my knowledge ceases) and in jquery.min.js:formatted, it pauses and highlights e.querySelectorAll("*,:x"), and when I resume, it does the same thing here, c.call(e, "[s!='']:x"),
Hoping someone can not only answer my question, but explain what's going on here in the caught exceptions. By the way, I did not write jquery.min.js:formatted.
Thanks in advance!
I copy/pasted my link to fontawesome and the JQuery library is up to date. Someone said something about the possibility of an infinite loop, but I'm not keen on what that is, I'll look into it.
Showed some code above. Not sure how helpful it is.
My expected output would obviously be for my JQuery to work, but it is not.
No error messages in the Console.
I actually figured it out, sorry I can't post working examples bc it's proprietary.
I was missing a closing } bracket...
But the way I figured this out was through opening up Chrome's 'Developer Tools' and switching into the 'Sources' tab.
- From here, underneath the stop sign with a pause symbol, it displayed exceptions in the code where something breaks.
This was much easier than scanning the code with my eyes. Sorry if this was a basic answer, it really helped me a lot.

JQuery carousel and template doesn't work together

First of all, I'm sorry if this is already asked. I couldn't find a answer.
I have a HTML5 template bought at themeforest and a jQuery carousel. I am not very similar with JavaScript or JQuery.
When I wanted to implement the carousel like it said in the description the JQuery/Javascript didn't work.
I found out that it could be the version of JQuery. The template(cleanstart) uses version 1.11.2 and the carousel uses 1.44.4. When I changed the carousel to that version it didn't work. When I changed the template version to 1.44.4, it didn't work either.
Then I've put the text from the carousel.js in a script tag in the HTML, and that seemed to work but then the templates jQuery didn't work...
Do you have any idea what the problem can be? Maybe a variable with the same name? I really don't know how to solve it.
Help is much appreciated!
With just this Information, It's pretty hard to help you. It could be a problem with your Implementation, a compatibility Issue or many things else.
Do you have a public page where the template and the carousel are implemented? Does the console window give you any error (if you don't have it yet, I recomend you to get Firefox and the addons Firebug and Webdeveloper Toolbar).
I have found my problem. it was a scroll section that causes the other jquery to stop. When I removed that part of the code, nothing bad with the carousel happened and the other parts worked fine!

Coda Slider not displaying images during animation

I got a Coda Slider working retrieving data from posts, but now that I've installed other plugins to the site it started failing to display images while the transition is taking place.
http://poesis.savvy-studio.net/
I know that it might be a javascript conflict but I dont know where to start, hope you guys might know where to look at.
Thank you in advance!
Firstly you need to identify which plugin is conflicting, this is just a trial and error process, remove them one at a time until you get results.
I am going to assume you are getting no console errors at this point so the best thing you can do is pin down the plugin then look for more specific information. Currently your question is extremely vague...

Storytelling Scrolling

Can someone please identify how this site has the effect of sliding through pages? Mainly how it pulls down one page up and onto another. Is it Javascript? I think it is very well done.
http://hire.visualidiot.com/typestacks
Thanks!
Joe
helixed's answer explains how they did it. However if you want to recreate the effect yourself have a look at using Parallaxjs rather than taking potentially copy-written code.
See the demo site: http://stolksdorf.github.com/Parallaxjs/
And source: https://github.com/stolksdorf/parallaxjs/
Edit: There is a bug with that website, try holding down the arrow key for a few seconds before letting go.
I opened it in Safari and disabled JavaScript. The sliding effect went away (although it degrades nicely). Clearly JavaScript must be involved somehow. Okay, so I popped open Chrome Developer Tools and looked at the resources. There's a script called handler.js. I opened it up and sure enough there's some nicely documented code. It looks like it's using jQuery animations. Take a look at the script. You should be able to figure it out from there.

mouseover not working in ie7

Having problems in IE7.It does not show me the "mouse over- drop down".
This "mouse over" was working well till yesterday also works in FireFox.
There a table that displays all the current documents.When one does a mouse over on a given document,it displays a list of options in form of a dropdown.
Can it be corrected in IE settings etc?
I am not talking about the javascript here , only the user settings.I am strictly the end user in this case.Also i tried downloading IE8 and it stopped in between.Hence I checked the ActiveX settings in IE and it was enabled.
Kindly help.
Your question seems well-founded, but it's difficult to discern what the question is exactly. Could you please elaborate? Source code may also help.
If you'd like to go a more DIY route, try throwing your code at JSLint. It will magically surface errors you didn't see.
Sitecore generates a lot of temporary and debug code files. This could be the problem. I would try deleting all of the temp/debug files, and see if that helps. They are scattered throughout the site, so you have to hunt for the debug directories.
However, I do see a lot of WEIRD JavaScript things with SiteCore. Sometimes I will load the content editor, and it wont work because of JS errors. I clear my cache and refresh and it works fine. But nothing in the JavaScript should be changing, since it would be the scripts from the vendor. I don't go in and change JS. Maybe they are generating JS somewhere.

Categories