JQuery carousel or gallery with different albums - javascript

I am looking for a jQuery gallery or slider that would allow me to have different albums. Basically i want multiple jQuery galleries and don't want it to load up a new page to see new content.
Im not looking for anything fancy, just the capability of links above the content. I know html, css, I am familiar with javascript, and i willing to do my research on ajax or any other methods you may suggest, So customizing shouldn't be a problem.
Thanks guys for any and all help!

Most jQuery gallery plugins can handle having multiple galleries on the same page.
I would combine that with a simple jQuery tab plugin (like this one) to get the result you want.

Related

jquery to create sliding page in one page?

this website combines many page in one page with sliding, does any body know which javascript or jquery library used for this site ?
http://www.ariansina.com/
Also if you have jquery code for this, I hope you post it as answer
thanks
I doubt you'll get the complete jQuery code for another guys hard work on stackoverflow.
But to get you started, here are a few jQuery libraries, that can accomplish this:
fullPage.js
jQuery OnePage Scroll
onePage scroll with animations
I think this one comes closest to what you need:
revealJS
And my favourite (I know, I shouldn't play favourites but it's just too impressive to ignore): impress.js

Web image gallery - what has been used creating it?

I have met an interesting image gallery transition surfing the web several times and now I'm interested in how such an elegant solution has been made.
Gallery can be found here: http://nullstuff.com/nullfolio/#/portfolio
The desired effect takes place when toggling between 'Everything' and 'Web Design'.
Could it be made purely with CSS?
Based on the app.js source in the page, it's using the jQuery Quicksand plugin.
To create such elegant gallery JQuery can be used.
You can find several JQuery galleries.
Look at this blog, I found http://vandelaydesign.com/blog/web-development/jquery-image-galleries/
I hope it helps.
First of all
It is not possible to add click events in css.
therefore it is javascript
This is known as an image carousel.
I made my own in jquery.
I can give you the source if you want.
Click on the image to see effect and see the url change and press back button.
You will find the previous page loaded with the effect.Moreover the scrollbar(horizontal) hides after poping which i think is made overflow-x:hidden in css.

Using jQuery transition animations across static pages?

I'm working on a client's website that has a database of products in a table with a menu on the left side. Currently, clicking on a new menu entry brings up a new set of products on a new page.
The client wants me to change the site such that when a user clicks on a menu entry, the content transitions using an effect like that in the jQuery Quicksand plugin.
However, the Quicksand plugin does not work across page loads. Do you have any advice on ways I could achieve this effect without rewriting the entire structure of the site? I had a look at History.js, and this gist which provides a bookmarklet to automatically ajaxify a site via History.js. Prior to this I did not think that was possible, but now I wonder, could I use a technique similar to this to somehow allow the Quicksand plugin to transition between the various pages?
To transition between pages on my customers websites i use jquery ajax calls. i have each page in its own .php file. and then i use $.ajax to bring it up.
For transitions i use Jquery UI that provides some very nice transitions.
And as for the browser history, i use jHash. Its a bit frustrating to use and implement, but if you understand how it works and etc, you will be amazed by its power.

How to implement an image gallery similar to google image search

I am new to JavaScript and jQuery. I have to develop a website in which an image gallery with similar effects as in google image search needs to be implemented. I am searching for ready-made scripts to incorporate with my project. Where can I find something like this for free or how would I go about implementing it using JavaScript/jQuery.
Regards
Omayr
This is a pretty specific example, and I would guess most plugins would be more "widgety". If I was creating this I would create the page layout first, wrapping each "page of results" in a single div.
Then when the user clicks "Show More Results" you can use one of jQuery's AJAX methods to load in more "pages" of images.
I assume you have paginate the image search result, you could try by doing:
assign each image in a div tag (e.g
Bind the function by using jquery ".each" and ".hover" function (when mouse-over, enlarge it by set the css's width and height)
There are alot more... I cant type it all...
Hi you can have a look here:
http://forum.yola.com/yola/topics/awesome_photo_gallery_code_for_your_website
It also links an example test page...
hope it helps

Switch information using jQuery

I am thinking of applying a new page to the admin section on my website and I wanted to make one page with three tabs ( picture should be included ) is this possible using jQuery.
Thanks a lot.
There are several jQuery tabs plugins out there:
jquery UI Tabs
jQuery Tools tabs
Yetii (more lightweight solution)
Create your own
If you don't need much functionality then just create your own with 3 links/elements and a set of <div> (or any other container) elements.
Yes, of course it's possible.
In fact, there are built in jQuery UI and enumerable plugins which do the job.
It sure is. But you don't even need jQuery to do this. CSS can do this quite simply.
See here for some examples.

Categories