jQuery Slider update

Hello guys. I’ve been working hard last time for my new project Bookmate, it was cause of my timeout with fixing some important bugs in slider.

There are a lot of people who really liked my slider plugin and suggest some ideas how to improve it. I’m here come up with new version of slider plugin.

First, the bug when two pointers are at the right of slider range. There was nothing you can do with that. So, this is really important.
Second, some people asked to have ability to change pointers position dynamically. I was really tried to make this easiest as possible. If you have any improvement or ideas, please write it down.
Next, I’ve checked all with jQuery 1.4.2, there is no problems.
And in addition, I’ve added some nice skins: “round”, “plastic” and “round-plastic”.

Well, here is my slider
with
skin.


Download sources & examplesjSlider.zip, 78Kb

Skins sourcesjSlider.psd, 140Kb

New features

  • $(“.selector”).slider() — get inner slider object
  • $(“.selector”).slider( “value” ) — get values scope
  • $(“.selector”).slider( “value”, opt_pointer1, opt_pointer2 ) — set values to pointers
  • $(“.selector”).slider( “prc” ) — get percentage values scope
  • $(“.selector”).slider( “prc”, opt_pointer1, opt_pointer2 ) — set percentage values to pointers
  • $(“.selector”).slider( “calculatedValue” ) — get values scope from “calculate” function
  • $(“.selector”).slider( “skin”, skin ) — set skin to slider

Updates

  • iPhone/iPod/iPad supports

General documentation

Further features

  • Change pointer’s value by clicking on scale
  • Disable (fix) pointers or whole slider
  • Coloured portion for one pointer’s slider
  • Vertical placement

jQuery Safari Searcher

I want to share my jQuery search box plugin looks like Safari one. It is really easy to customize skin by drawing new sprite. Moreover, it have all the same functionality as a real one and a bit more — incremental search with loader. I hope it would help to you guys. Below some demos and examples of usage.

Continue reading

Different layout for every page in Joomla 1.5.x

The good thing is control layout of pages by administrator panel.
The solution is create different templates. But keeping the same things like header, footer and menu in every template is bad and if we are going to change something in future (who knows?) it will be a big problem.

So we need to have one main template with basic layout and another (inherited) templates with layout for each page.
Continue reading

Light PNG fix in Internet Explorer 6 by VML

Any web developer knows that Internet Explorer 6 can’t load PNG files with transparency (24 bits). We have to use filter “AlphaImageLoader” to fix it, that is very hard and you will use more resources applying this solution.

Drew Diller public researched post “Medicine for your IE6/PNG headache” and javascript library DD_belatedPNG (Current: 0.0.7a on 2009.01.01). That is a very good solution but it’s got one big problem: If you are going to use CSS sprites, you will have your png a little fuzzy. That problem prevents us from using this library.

The problem is inside VML technology with shape and fill objects (what Drew Diller have used).

So I’ve written a special CSS library for CSS sprites use.
Continue reading