How to do a ajax slide show? - javascript

If you visit this page: http://basecamphq.com/tour/
and click on the tour left hand side options: communicate, share files, deliver-on-time you will see that the tour works like a slide show when you click it shows you the next slide. How can i implement this for my website.. are they using javascript or ajax?
Thanks.

They are using Jquery,
This is the specific glide effect they are using: http://code.google.com/p/missingmethod-projects/wiki/Glider
If you want more kinds of it you can use http://www.hacktweaks.com/2010/02/15-awesome-jquery-based-content-slidesowglider-for-your-blogwebsite.html Each one of this examples contains a demo and and explanation, and the jquery code you will have to put in the web page.

Its a simple Content Slider that can be implemented using simple content slider using jQuery.
Here is Implementation Cookbook and a Simple Demo
remember its just a simple demo and you can do every thing you want just using this simple plugin.

Related

My animation is not working in this slider which I made using html, css, js

<https://codepen.io/samyakjain20/pen/dyMmaYj>
This is what I tried!, tried to integrate two slider designs mentioned below. The gesture animation which is there in the 1st link is not working in my slider.
https://codepen.io/codewunder/pen/Bnspb/
https://codepen.io/maheshambure21/pen/qZZrxy
I think the error is in JavaScript but I don't know how to solve. If you have seen something similar to this then also please mention it.
Just click in the cog icon on the JavaScript panel, and add the jQuery CDN link https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js
This error is because the jQuery library is not found in your code.

jQuery Multipage/One-page system

I'd like to know how can I create a system using HTML, CSS and jQuery that simulates a multipage website using a single HTML page. One example of this feature is used in this website.
Is there a plugin to create this effect and transition?
the website link you have given here is actually a single page. There are many plugins to achieve what is happening there. one of them is
reveal.js it also has an online presentation creator present here
other one is impress.js but IE isnt supported

Simple jquery plugin that quick looks information

Is there any good JavaScript/jQuery plug-in that will 'quicklook' an information on click?
I want it simple so when you click the quick view link it just displays it as a modal form
Ideally it would be set up by just giving said links a class and the JavaScript/jQuery does the rest.
Similar to the (http://us.norton.com/downloads/) quick view button.
qtip plugin might come in handy too
Norton is using colorbox i think.. http://www.jacklmoore.com/colorbox/
colorbox is a jQuery lightbox.. you can customize it using CSS.. it can handel inline content as well as fetch data by making an ajax call

facebook auto-expanding like box

can anyone provide me any ideas about how to import a facebook like box, in my site. I would it to seem like the one in the folowing site "http://www.babyspace.gr/". Does any of the existing javascript frameworks afford such a functionality?
Thank you in advance
It is simple Facebook social plugin called Like Box and you can get it here: http://developers.facebook.com/plugins?footer=1
You can install it on any webpage quite easily - If you follow the instructions on the page linked above.
About the slider - It can be achieved quite easily with jQuery. Put the Like Box on some div and use jQuery animate to show it by click.

How to show/hide selected object like div?

So i'm trying out MVC after only playing with it some time ago.
Need to find the best way to selectively show and hide sections (divs, etc) on clicking or changing a value of a control, but not having to post back, i.e. javascript?
Any suggestions.
Use jQuery. You can use a jQuery Event to detect a click and then hide or show divs.
So, You have a button called "HideDiv" and "DivToHide" is the div you wish to hide.
$("#HideDiv").click(function() {
$("#divToHide").hide();
};
It's that easy. Can't really go in-depth here but check out their tutorials: http://docs.jquery.com/Tutorials or browse this site: http://www.learningjquery.com/category/levels/beginner
jQuery actually comes with ASP.Net MVC, check the scripts folder of a new MVC project and you'll see it in there. This site using jQuery and MVC :) So your browsing a sample of what is possible with it
You can use jQuery. It is included with the standard MVC project template.
$("#myButtonId").click(function () {
$("#myDivId").toggle();
});
See more at the jQuery docs for toggle.
You can do the same way as you are doing it with normal ASP.NET application using JavaScript. I think JavaScript is best as its fast and works on client-side.
If you are having a specific requirement then please put the specific requirement here.
You can use jQuery or MooTools if you want some animation.

Categories

Resources