Jquery image slider doesn't work on macintosh - javascript

My jquery image slider doesn't work on Macintosh at all. It works fine in Windows on all browsers. Can anyone tell me why? I'm very new to this. I believe everything for the slider is here. I can post the rest of my css if needed.

Could it be because you've specified images on a C: drive, which does not exist on the Mac? Can't you just use relative paths, and put the slider/images directory in the same directory as the rest of your project?

Related

JqueryMobile 1.3 ICONS not appearing?

I am creating a mobile application for android on Codio online IDE, and im using jquery mobile. I downloaded the latest Version: 1.3.0's .js & .css, but when I run it, all seems to work except JQM icons. NONE of the JQM icons appears, while the dark circles should host various white icons.
How to make JQM icons appears ?
Edit: Answer: search, download, and deploy to the correct place the Zip File: jquery.mobile-1.3.0.zip (JavaScript, CSS, and images). Available on http://jquerymobile.com/download/
you are missing the icons files. they are referenced in the CSS in your case it's the https://d.codio.com/hugolpz/Cat-in-migration/App/css/images/icons-18-white.png that is missing

Using javascript to build android scrollable tab design

http://developer.android.com/design/building-blocks/tabs.html#scrollable
Has anyone achieved this effect in a web app using JavaScript (or even jQuery)?
Got the pages sliding nicely (obviously that's the easy part), but getting the page titles to animate correctly looks like it could be painful!
May just go with the fixed tab layout but if anyone has any tips or examples, I would be very grateful...
There's a CSS which makes your page look like Android:
https://github.com/proimage/Android-4-ICS-CSS
There's a more advanced project with some JS:
http://jaunesarmiento.me/fries/index.html
And this is the way to do page swiping:
http://stereobit.github.io/dragend/ (also works on the PC)
http://swipejs.com/ (only works on touch device)
http://eightmedia.github.io/hammer.js/ (only triggers the event, doen't swipe the page)
With these you can have multiple pages in one HTML file:
http://handlebarsjs.com/
https://github.com/janl/mustache.js
http://underscorejs.org/
http://embeddedjs.com/
http://jade-lang.com/
https://github.com/blueimp/JavaScript-Templates
I'm working myself to combine some of these libs into a usable application. Hope it helps. This is also a note to myself.

Piecemaker flash element won't work with almost same configuration as demo

I had a working version of Piecemaker flash slider on my site. After tinkering with the theme the slider stoped working. Trying to track down the problem i've setup an almost exact enviroment as the demo with no success.
I've checked that all the links are working, but i haven't been able to make the slide work again.
here's the link: http://www.aquaeliteevents.com/wordpress/?page_id=1430
Thanks in advance
Turns out the XML was referencing resources from a different subdomain, once i configured the wordpress to appear on the same subdomain the piecemaker worked again.

jScrollpane is working but not creating the container

I have jScrollpane working on my mac at home, however I have just uploaded it to my CentOS web server and I am having issues. The scroll bar appears as it should, however I have set "showArrows: true" but I am not getting any arrows. Also, when I inspect the element in either firefox or chrome, both on windows and mac the class="jspContainer" and all of the other elements, jspPane, jspVerticalBar etc do not appear in the html. Giving this is the case it would make more sense if there were no scrollbar at all.
I am using this in drupal, so I am not sure if this is because there are other javascripts running. The major issue is, that without the containers etc being created by the javascript, I can't theme the scroll bar as the divs aren't created for the css to act upon.
I had the same issue initially on my mac, I commented out some other js I had running in jQuery(document).ready then it started to work. I put back all of the other stuff I have running in jQuery(document).ready after starting jScrollpane and it kept on working. I have restarted apache, cleared caches etc on the mac to make sure it isn't just working from cache and I've done the same on the server.
Any ideas?
I have just installed the jScrollPane module from drupal instead of adding the scripts manually, solved the problem. I should remember to look for a module first before trying to do it my self, it is a lot quicker.

Local file path does't work in Chrome browser

I have an issue with my inline javascript which is in html page.
I'm using following code in the javascript.
ifrm.document.write('<link rel="stylesheet" type="text/css" href="file:///C:/Project-2/parent.css">');
This works perfectly fine on all the browsers, but not with Chrome.
Is there any workaround?
Thanks
Yes relative paths would be the way to go here. As of right now if you tried to deploy this page to the web then none of the links would work (assuming you're referencing files that reside on your PC via absolute paths).
Here is some good material explaining absolute vs. relative pathing: http://www.coffeecup.com/help/articles/absolute-vs-relative-pathslinks/

Categories