Posts tagged jQuery
How to Create Animated Photo Gallery using jQuery (Slider Kit)
- 11
- May
How to create photo gallery using Slider Kit (jQuery)
Today we will continue overviews of available photo galleries. Next gallery will Slider Kit. This is free jQuery photo gallery. This gallery have 4 different views (standard, with captions, vertical and minimalistic). Important notes – that it compatible with all browsers (this can work even in IE6) and have very light weight (packed version of library less 8kb). You can navigate through images using your mouse, mouse wheel, and even keyboard. The result – we will have a beautiful gallery with an intuitive interface. Today I will tell you about how to implement this gallery (you even will able to use this in any CMS as gallery of your member’s photos).
By default this gallery expect already prepared html data (with all images and thumbs). So it can be difficult to load dinamic content in it (different photos of different members). But its ok, we will force loading of necessary images when page finish loading using jQuery (we will load our images dinamically, using $.get function). We will use PHP to generate lists of necessary images and thumbs.
Read more
Image zoom tool – jQuery imageLens
- 06
- May
Image zoom tool – jQuery imageLens plugin
Today we will continue our jQuery tutorials. And today we will talk about image zoom tools. During investigation, I was able to locate imageLens jQuery plugin. This is nice image zooming tool. It looks like round lens and have very easy initialization. Of course, I saw many another libraries too, but they was a little ugly, more like squares than the magnifying glass. I like this plugin, hope that you will like it too. And I sure that this is time to try demo.
Read more
Scrollbar & jQuery – event handling using waypoints
- 21
- Apr
Scrollbar & jQuery – event handling using waypoints
Today we continue jQuery reviews, and our article will about event handling of scrollbar. Possible you saw such feature as ajaxy loading of new information when we scroll to end of page. As example here: http://www.dzone.com/links/index.html, or in your facebook page and other websites. Interesting feature isn`t it? Or, also will possible to stick some elements when our scroll moving out necessary positions. Or, we can handle events when scroller reach defined element at our page (and, as example – load some extra content on this event). Today I will show you how to do this.
Read more
Choosing different sets of items using the MobilySelect plugin
- 19
- Apr
Choosing different sets of items using the MobilySelect plugin
Today, to your attention a new interesting plugin MobilySelect. This plugin allows you to simulate select of objects from the collection of elements. For example, your website have list of users – men and women, and you need to display list of users in some box. So, this new plugin allows you to make a switch to display the men, women, or both. Or another example, assume you have a pack of pictures, each picture has its own tags, and so we can make the appropriate select photos by tags. But I think best to see a demo.
How to easily make animated forums using XSLT and Ajaxy
- 15
- Apr
How to easily make animated forums using XSLT and Ajaxy
Today is a special day. Today our XSLT lessons will show some really interesting (attractive) results which you can apply in practice. We will make a forum. Initially we will display only the forum topics, and load posts dynamically (by mouse clicking on the topics) using ajax technology. I think you may have seen similar forums on the Internet, so I will tell you how to do it your own.
Read more
How to Add Audio and Video on your Website using jPlayer plugin (jQuery)
- 29
- Mar
How to play audio and video using jPlayer plugin (jQuery)
Today we continue jQuery lessons, and will talk about adding customizable player for audio or video files to our website. This new plugin (jPlayer) pretty well: allow us play media files, pause, change volume, it even have all necessary controls (which you can see in any media player). Also it allow us to change all its styles (all styles of interface loceted in single css file). More, it support HTML5 and able to work quite in all possible browsers. Here are supported formats of media files: mp3, ogg, m4a, m4v, ogv, wav etc. So, lets start to create our own players?
Read more
How to Translate your Site in Runtime using jQuery
- 24
- Mar
How to Translate your Site in Runtime using Jquery
This is very interesting question. I have read several articles for this question, and most articles tell about ways where we need refresh page to apply another localization. Yes, this is possible of course, but not too user friendly. Just imagine that your website will able to switch language like desctop applications, great, isn`t it? So, that this still possible using ordinary javascript. I will using jQuery to better comfort.
Read more
How to create Animated Dialogs using UI Dialog (jQuery)
- 21
- Mar
How to create dialogs using UI Dialog (jQuery)
Today we continue jQuery lessons, and we will talk about creating user window dialogs. We will using UI Dialog plugin. This plugin allow us to choose text, buttons (and its behavior), and many other params of dialogs. These dialogs very user friendly, and it looks like boxes in Windows. Similar interface: content in center of dialog, in top-right corner – button ‘x’ to close dialog, also this is movable and resizable too, also it possible to add custom action buttons in bottom of dialog. Today I will tell you how you can create your own dialogs for your projects. Read more
How to create easy pagination with jQuery
- 08
- Mar
How to create easy pagination with jQuery
All we know, that when we facing with necessarity to display large amount of data – we starting thinking about adding pagination. So we split all our content to several pages. And in this case – each page contain some part of our information. As usual this is server-side pagination, where we extracting necessary amount data from database for each page. But commonly, in case of small (or middle) data sets – we don`t need such pagination. And we can just use user-side pagination using javascript to manage with our pages. Today I will show you how to create such pagination.
Read more
