caktux

caktux putting things together

  • blog
  • projects
  • about
Home

jquery

Image placement module for Drupal 6

by caktux | Wed, 05/06/2009 - 15:07

Project page for the imageplacement module is here

Demo: http://www.caktux.ca/imageplacement_demo

More info coming soon, but you can see what it does around my blog, floating images differently for each node :)

 
  • caktux's blog
  • Add new comment
  • Read more
  • drupal
  • imagefield
  • jquery
 
 

Loader module for Drupal - Page loading progress evolved

by caktux | Mon, 05/04/2009 - 12:13

The Loader module provides a block displaying a page loading progress indicator as percentage or progress bar. I'll just post important parts of it as reference here, but the loader module now has its project page so the code here might get outdated. It's here to show the basic principle only.

Loader module for Drupal - Screenshot
 
  • caktux's blog
  • Add new comment
  • Read more
  • drupal
  • jquery
 
 

SUY! jQuery UI based "IE6 is outdated" notification plugin

by caktux | Sun, 05/03/2009 - 05:06

Google Code project: http://code.google.com/p/suy/

Drupal module http://www.drupal.org/project/suy

SUY 1.0 Screenshot
 
  • caktux's blog
  • 6 comments
  • Read more
  • 4 attachments
  • annoyances
  • IE6
  • jquery
  • jQuery UI
 
 

Page loading progress with jQuery

by caktux | Tue, 04/28/2009 - 04:03

The name (and code [and doc]) says it all.

Have fun!

(function($) {
 
/**
 * A page loading progress object. Initialized by passing a "loader" element in
 * which the loading progress will be displayed by a
 * <div><span>[dynamicPercentage]</span>%</div>
 *
 * e.g. Insert <div id="loader"></div> inside your page.tpl.php (or html...)
 *      then follow usage :)
 *
 * Usage:
 *    $('#loader').loader({options});
 *
 * Options:
 *    'wrapper': $(document.body),
 *        The element in which we check for the images to load
 
  • caktux's blog
  • 2 comments
  • Read more
  • 1 attachment
  • jquery
 
 

Rollovers take #2009

by caktux | Mon, 02/02/2009 - 23:35
/*
  Usage:
    $('.ro').rollover();
 
  Options:
    'states':
        For 'myimage_on.png' and 'myimage_off.png':
          $('.ro').rollover({'states':['_on','_off']});
 
        or for 'img_ro.png' and 'img.png' (default)
          $('.ro').rollover({'states':['_ro','']});
*/
(function($) {
  $.fn.rollover = function(options) {
    return $.fn.rollover.init(this, options);
  };
  $.fn.rollover.init = function(images, options) {
    var settings = {
      'states': ['_ro','']
    };
    if (options) $.extend(settings, options);
 
  • caktux's blog
  • 1 comment
  • Read more
  • jquery
 
 

Fully circular jCarousel for fancy content switching

by caktux | Sat, 01/31/2009 - 00:52

Following Jan Sorgalla's example of a circular carousel, I had to do get this working with switching content associated with each carousel item. Since the circular carousel solution simply reloads items after each other, we have to keep track of what is where. In my case it was team members of a company website, and you want their name and info to keep up with their picture moving left and right.

 
 
  • caktux's blog
  • 1 comment
  • Read more
  • jcarousel
  • jquery
 
 

Sliding thumbnail links

by caktux | Fri, 01/30/2009 - 15:18

Here's my take at a sliding thumbnail link with jquery.

Edit (02/04/09) : removed the first line in the first hover section with the .siblings() selector and set the queue parameter to false in the animations, otherwise the thumbnails could animate themselves for hours if you moved your mouse over them quickly ;)

Javascript:

$('.subsections .subsection_item').each( function(i,el) {
  var thislink = $(this).find('a');
  var url = $(thislink).attr('href');
  $(thislink).click(function(e){
    e.preventDefault();
  });
  if (url) {
 
  • caktux's blog
  • 1 comment
  • Read more
  • jquery
 
 
 
  • Seeding torrents from your Trash with Transmission
  • Image placement module for Drupal 6
  • Loader module for Drupal - Page loading progress evolved
  • SUY! jQuery UI based "IE6 is outdated" notification plugin
  • Page loading progress with jQuery
  • D7UX mindmap
  • Display problems with NVidia card on OS X and bad website CSS
  • Rollovers take #2009
  • Fully circular jCarousel for fancy content switching
  • Sliding thumbnail links
more

lately...

  • January 2009 (4)
  • February 2009 (2)
  • April 2009 (3)
  • May 2009 (3)
  • June 2009 (3)

hey!

Using something I did and made a few bucks out of it?
 
© Vincent GariĆ©py
Powered by Pressflow, an open source content management system
Syndicate content