Senamion.com http://www.senamion.com/blog Senamion is a Jquery blog Wed, 20 Apr 2011 03:51:57 +0000 http://wordpress.org/?v=2.8.4 en hourly 1 jquery jLensMagnify – magnify effect with lens http://www.senamion.com/blog/2010/10/30/jquery-jlensmagnify-magnify-effect-with-lens/ http://www.senamion.com/blog/2010/10/30/jquery-jlensmagnify-magnify-effect-with-lens/#comments Sat, 30 Oct 2010 08:03:44 +0000 Giovanni http://www.senamion.com/blog/?p=86 jLensMagnify is a jQuery plugin that attach a magnifying glass to letters of words.

A screenshot:
Magnifying glass

Parameters:

  • startEffect – effect of central element – default {’font-size’: ‘150%’}
  • resetEffect – effect to reset – default {’font-size’: ‘100%’}
  • splitChar – split char, default ” alias letter, otherwise ‘ ‘ alias world

See jLensMagnify in action!

]]> http://www.senamion.com/blog/2010/10/30/jquery-jlensmagnify-magnify-effect-with-lens/feed/ 8 jQuery jScratchcard – Scratchcard effect on image http://www.senamion.com/blog/2010/03/30/jquery-jscratchcard-scratchcard-effect-on-image/ http://www.senamion.com/blog/2010/03/30/jquery-jscratchcard-scratchcard-effect-on-image/#comments Tue, 30 Mar 2010 16:58:39 +0000 Giovanni http://www.senamion.com/blog/?p=77 A simple jQuery plugin that implement a Scratchcard (Scratch card).

This is a screenshot:

jScratchcard - Scratchcard

Parameters:

  • opacity – opacity step when hover – default {’opacity’: 0.2}
  • color – start background color – default {color: ‘grey’}
  • stepx – x block dimension – default {stepx: 10}
  • stepy – y block dimension – default {stepy: 10}
  • mousedown – if true the left button of mouse must be down – default {mousedown: true}
  • callCallbackPerc – if valorized is the percent at which call callback – default: false
  • callbackFunction – callback function – default null

See it in action!

]]> http://www.senamion.com/blog/2010/03/30/jquery-jscratchcard-scratchcard-effect-on-image/feed/ 11 jQuery jMagnify, magnify effect on text http://www.senamion.com/blog/2010/03/24/jquery-jmagnify-magnify-effect-on-text/ http://www.senamion.com/blog/2010/03/24/jquery-jmagnify-magnify-effect-on-text/#comments Tue, 23 Mar 2010 23:21:39 +0000 Giovanni http://www.senamion.com/blog/?p=69 jQuery jMagnify, plugin attach a ola effect to some text following the mouse position.

A screenshot:

jMagnify - magnify text

Parameters:

  • centralEffect – effect of central element – default {’font-size’: ‘200%’}
  • lat1Effect – effect of first element near the central – default {’font-size’: ‘180%’}
  • lat2Effect – effect of second element near the central – default {’font-size’: ‘150%’}
  • lat3Effect – effect of third element near the central – default {’font-size’: ‘120%’}
  • resetEffect – reset effect – default {’font-size’: ‘100%’}

See it in action!

]]> http://www.senamion.com/blog/2010/03/24/jquery-jmagnify-magnify-effect-on-text/feed/ 12 jQuery jOla, Ola effect on text http://www.senamion.com/blog/2010/03/12/jquery-jola-ola-effect-on-text/ http://www.senamion.com/blog/2010/03/12/jquery-jola-ola-effect-on-text/#comments Fri, 12 Mar 2010 19:35:00 +0000 Giovanni http://www.senamion.com/blog/?p=58 jQuery jOla plugin attach a ola effect to some text.

A screenshot:
Text Effect

See it in action!

]]> http://www.senamion.com/blog/2010/03/12/jquery-jola-ola-effect-on-text/feed/ 3 jDoubleSelect: jQuery plugin transform one select with optgroups into two selects http://www.senamion.com/blog/2010/03/10/jdoubleselect-jquery-plugin-transform-one-select-with-optgroups-into-two-selects/ http://www.senamion.com/blog/2010/03/10/jdoubleselect-jquery-plugin-transform-one-select-with-optgroups-into-two-selects/#comments Wed, 10 Mar 2010 05:52:16 +0000 Giovanni http://www.senamion.com/blog/?p=54 jDoubleSelect is a jQuery plugin to transform one select with optgroups into two selects, the first one with all groups and the second updated with the options of the group selected.

The screenshot:
jDoubleSelect screenshot

See the plugin jDoubleSelect page!

]]> http://www.senamion.com/blog/2010/03/10/jdoubleselect-jquery-plugin-transform-one-select-with-optgroups-into-two-selects/feed/ 19 jQuery select multiple double side http://www.senamion.com/blog/2010/02/20/jquery-select-multiple-double-side/ http://www.senamion.com/blog/2010/02/20/jquery-select-multiple-double-side/#comments Sat, 20 Feb 2010 06:02:00 +0000 Giovanni http://www.senamion.com/blog/?p=44 Multiselect (html select with parameter multiple=”multiple”) normally are very difficult to use.
In this modified version of multiselect the select is double (double side select), the right one with the selected element, the left side for insert other element.

mulstiselect2side screenshot

Four new button for:

  • add the left selected options to the right
  • add all left options to the right
  • remove the right selected options
  • remove all right options


Double click both on left and right options is enabled.

Five optional move button:

  • sort – sort options
  • top – move to top selected options
  • up – move up selected options
  • down – move down selected options
  • bottom – move to bottom selected options

See the plugin Select Multiple Double Side page!

]]> http://www.senamion.com/blog/2010/02/20/jquery-select-multiple-double-side/feed/ 138 jSlider: jquery plugin to transform a listbox in a slider http://www.senamion.com/blog/2009/10/16/jslider-jquery-plugin-to-transform-a-listbox-in-a-slider/ http://www.senamion.com/blog/2009/10/16/jslider-jquery-plugin-to-transform-a-listbox-in-a-slider/#comments Fri, 16 Oct 2009 18:24:08 +0000 Giovanni http://www.senamion.com/blog/?p=31 jSlider is a jquery plugin to transform a listbox (select box) in a slider.

This is the screenshot:

jslider screenshot

Tested on:

  • internet explorer 7
  • internet explorer 6
  • firefox > 3
  • google chrome
]]> http://www.senamion.com/blog/2009/10/16/jslider-jquery-plugin-to-transform-a-listbox-in-a-slider/feed/ 1 jquery jEye: Eyes for your site http://www.senamion.com/blog/2009/09/18/jquery-jeye-eyes-for-your-site/ http://www.senamion.com/blog/2009/09/18/jquery-jeye-eyes-for-your-site/#comments Fri, 18 Sep 2009 04:01:05 +0000 Giovanni http://www.senamion.com/blog/?p=26 jEye is a jquery experiment.
If you attach jEye to a dom element two (or one if you want) eyes appear and this eyes follow your mouse movement.
See it in action!

jEye is fun!

]]> http://www.senamion.com/blog/2009/09/18/jquery-jeye-eyes-for-your-site/feed/ 2 jListbox: jquery plugin for formatted select box http://www.senamion.com/blog/2009/08/08/jlistbox-jquery-plugin-for-formatted-select-box/ http://www.senamion.com/blog/2009/08/08/jlistbox-jquery-plugin-for-formatted-select-box/#comments Sat, 08 Aug 2009 05:30:58 +0000 Giovanni http://www.senamion.com/blog/?p=3 jListbox is a jquery plugin to obtain a formatted select box.

This is the screenshot:

screenshot

Tested on:

  • internet explorer 7
  • internet explorer 6
  • firefox > 3
  • google chrome
]]> http://www.senamion.com/blog/2009/08/08/jlistbox-jquery-plugin-for-formatted-select-box/feed/ 8