Coda Slider not displaying images during animation - javascript

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...

Related

Wordpress HTML/CSS not displaying correctly - no changes made

I am having trouble identifying a problem and it is driving me crazy. If this is a poor question or in the wrong place please have mercy, I am exhausted trying to figure this out.
Here is how my website is displaying: My Site
And here is how it is supposed to look:
Archive of Page
Nothing has changed as far as I can tell. I have disabled plugins, re-uploaded them there. My mind is boggled!? It looks the same (code) but appears different. What am I missing!?
I happened to get this as well, what you should do is to redownload the layout, thats what solved my issue. I remember adding 1 line to css and removing it, the layout got stuck and refused to update, so that was my solution. I hope someone else can give you a better one though :)
you have a problem with jQuery in your website.
I think you need to update your theme.
your theme is from 6/2014 and now is 6/2016...
Your js makes all this section on home vertical align to middle. And the js doesn't work now and stay on top.
Update your theme :)

Diagnosing jumpy/buggy-Angular Animations, (i.e. whats is the source of the bug, CSS/code/ng-directives?) BONUS: XKCD

just made an XKCD app for a mean stack class Im taking, and Im getting pretty close to being done, but one doggone visual bug thats pestering me, with angular animations:
here is my deployed app:
https://desolate-savannah-69543.herokuapp.com/#/
and here is the code:
https://github.com/nevaldiv/project4_relevant_xkcd
the issue is likely in my CSS I think the animations.css specifically, but am unsure.
but CSS is not my specialty so, really dont know.
for example, if you click on the checkbox filter for 2008 over and over, you can see that the ng-repeat div's popup slightly to the right? and 'ghost' or leave trails as they pop into their final resting position more towards the left, the heck is causing that? is that some CSS stuff outside of my angular-animations.css causing that? how can I diagnose that if its so fast and then gone, I feel like I need experienced eyes on it.
Ive tried but for the life of me cant seem to figure out what the heck is causing it.
anyway, feel free to tinker on my app thingy, I didnt have enough time to tie together my token auth with (or my user model with my comics model at all, even, besides schematically) anything, so its mostly just what you see on the landing page thats all the meat I got.
some more info (cant post more than 2 links)
here is the link to potential trouble code:
https://github.com/nevaldiv/project4_relevant_xkcd/blob/master/public/css/animations.css#L72

angular-isotope image overlap

I'm using angular-isotope in my homepage to organize my items but sometimes it overlap my images...
To fix it I know I should use imagesLoaded and when I used Isotope with jQuery it was pretty easy to implement but now I'm using it with AngularJS how can I add it?
I tried to modify a bit the directive but I still don't have the knowledge to do it properly and I received tons of errors or it didn't worked at all...
I also found angular-images-loaded but I can not understand how to implement it to work with angular-isotope.
I'm pretty sure someone already had this kind of problem but I didn't found any Question related to this argument here or Googleling around.
A link to a tutorial or a small piece of code would be appreciated to understand how to fix / implement it.

CSS/Javascript - Div removing itself from Page

I'm currently putting together a website for a buddy and myself. I purchased a template (mind all the silly placeholders and obvious space issues) to help get the ball rolling as I didn't have very much time available to put in to the project.
On the store section of the page you have that little gallery of products, when you scroll down a bit more it removes itself from the page (page jitters, clicking from store to about works funny). This is causing an issue with my Jquery waypoints setup. I can't for the life of me figure out what's removing it from the page when I'd like to keep it there at all times.
Any help is appreciated.
http://lovedrugfrontend.herokuapp.com/
For quick fix you can try to give the
style = "display:block!important";
to the 'team' class.
This will solve your issue.
This is just quick fix. Cant fix the issue without js files.

Jquery Slider Rotates but something strange happens

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 :)

Categories