Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 6 years ago.
Improve this question
Does bootstrap provide a swipe functionality for the user to swipe slides or images?
If not, is their a easy approach to do this? I am a beginner in both javascript and coldfusion and would like any help that can take me to the right direction or where to start.
Thanks
No, Bootstrap does not provide such a function. I suggest using ZingTouch. Here is an example from their docs:
var parentTouchArea = document.getElementById('parent-toucharea')
var touchArea = document.getElementById('toucharea')
var myRegion = new ZingTouch.Region(parentTouchArea);
myRegion.bind(touchArea, 'swipe', function(e){
console.log(e.detail);
});
You could try jQuery mobile, it has many great resources for (you guessed it) mobile and it is very easy to use, plus there are a lot of great tutorials online.
$(".elementClassName").on("swipe", function(){
//jQuery or JS code here
});
Note that you need to have the script file for jQuery Mobile and jQuery (not sure about the latter though) for the code to run
Also, if your developing for iPhone or WebKit, you should give a look to scroll-snap, it works as you would expect using only CSS and no JavaScript. Check it out on this link
https://webkit.org/demos/scroll-snap/
Check out HammerJS: http://hammerjs.github.io/ -- it provides cross-browser abstractions for a lot of touch gestures, including swipe.
Related
Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 4 years ago.
Improve this question
I can't use drag and drop method. I have gone through the jquery pinify plugin, but what I understood is that, it only encourage user to pin website using drag and drop using intelligent popups rather than doing it on it's own.
Is this even possible?
No luckily this is not possible.
Imagine the security reasons behind it. No website can change something on your OS. (At least that's what we all hope, that's why I say "luckily" we have a problem if this would not be like so).
Or imagine this: You create a website. The font is defined by designers and project managers which discussed which font and which font-size will be the best to represent the company on the web. So you created the website based on those requirements. But now, I have some issues with my eyes. This is why I setup my browser with a default font-size. This is what I need, to read any content from the web. Now, NO! You can not change this! Why? Because I have set something in my browser settings, also those are part of my "personal" settings. You can not look into them and you obviously can not change them. Hope this helps.
Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 6 years ago.
Improve this question
I'm wondering how I can achieve an effect similar to that of http://eng.getlost-getnatural.ru/ or http://rnbtheme.com/sixteenth/. I've contacted various support forums supplied through Wordpress and all they've been able to tell me is that I need to get a web developer and that the effect was possible. I, however, don't have the money for a web developer and went searching online to try to find what I was looking for and haven't been able to find anything yet. I can make code changes to my Wordpress site using javascript or css. Thank you so much to everyone who helps and answers!
What you are asking for could take a couple of hours to code from scratch, and then trying to match it to a wordpress site that we can't see or use as reference can create a lot of problems. I recommend looking at some jQuery plugins.
Here is a site to get you started, https://www.jssor.com/demos/vertical-slider.slider.
If you have any questions about the code once you download the plugin then we will be able to help you further.
Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 2 years ago.
Improve this question
I want my web page to detect whether the user is using a handheld device and if so allow access to mobile site and if not redirect to main site. I am assuming this would be done in JavaScript. Can anyone help me or point me in the right direction.
EDIT
I would still like to use javascript as it is the language I have used throughout the project.
SOLVED
<script language="javascript">
var mobile = (/iphone|ipad|ipod|android|blackberry|mini|windows\sce|palm/i.test(navigator.userAgent.toLowerCase()));
if (mobile) {
window.location.replace("http://scmweb.infj.
ulst.ac.uk/~b00519427/finalwebsite/homepage.html");
}
else
window.location.replace("http://scm.ulster.ac.uk/");
</script>
SOLVED
To really enforce a particular site, JS is not the right choice since it can easily be disabled. Hence, I would propose a server side decision and enforcement. For this, you can use a .htaccess file and the USER_AGENT rule, as described in this answer.
Closed. This question is opinion-based. It is not currently accepting answers.
Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.
Closed 8 years ago.
Improve this question
I have seen some cool slides in html, but some are CPU-consuming or browser-dependent.
Since I am not very familiar with html5, I'd like to know what's the best practice or existing framework of making html slides.
And here is a more creative one similar to Prezi: http://bartaz.github.com/impress.js
Here's an excellent little "framework" for making HTML slide presentations, with animations, transitions and such.
Link: deck.js
I love it!
There is a great list of such presentation templates:
https://github.com/geraldb/slideshow/wiki/More-Slideshow-Projects-in-JavaScript
I found deck.js to be the best compromise between:
simplicity: you write the html and launch it in your browser, no need for a web server
customization possibilities thanks to the themes and clean structure letting you create your own CSS style easily
functionality with the extensions
possibility to print usable handouts
Keydown is a good alternative which uses deck.js and markdown language to write the slides but requires ruby to create the html.
The two options, I can recommend are following
Nivo Slider : You can hard code the images and links
Agile Carousel : Have the option to set it against some server script for rendering output
Use this library to make interactive presentations, stories or ads.
BoardJS
Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 4 years ago.
Improve this question
Recently, I have found this site made by Google Team.
http://www.20thingsilearned.com/
So far I understand this is not based on Flash. How can I use this technology to make an online book using their technology?
I looked in the usual spots to see if there's a framework or something but I only found these two things (it looks like it would be a TON of work to use):
news.ycombinator.com/item?id=1918551 >>> gist.github.com/705761
Alternatively you might want to look into the slides at http://slides.html5rocks.com.
They have a Google Code project page at code.google.com/p/html5rocks/wiki/Slides where you can download the source for that.
EDIT
check this out!
http://bartaz.github.com/impress.js
and this!
http://lab.hakim.se/reveal-js/
This is HTML5. You can check the explanation here: http://www.html5rocks.com/tutorials/casestudies/20things_pageflip.html :)
Or if you want you can do it with jQuery Booklet too though not as smooth as HTML5, see here: http://tympanus.net/Tutorials/MoleskineNotebook/
They posted the source code for the whole app (running on Google App Engine) under GPL v2 at http://code.google.com/p/20thingsilearned/ so you can reproduce the whole book effect too.
Yes this is not flash for sure but flash or flexx can also be used for developing this. This is developed using HMTL 5 and javascript. HTML 5 is having a canvas object and the i believe it is using properties of canvas to bulid it. However if you will search for some jQuery book plugins then also you may get some similiar results.