- Client: Sony Music
- Services: Drupal 6 site build and theme
- Site: jimihendrix.com
One of the most complex Drupal sites I've themed, Jimi Hendrix's new multi-language Drupal 6 site incorporates a large amount of CCK, jQuery, jQuery UI carousel, and Views work.
The site presented many theming challenges. The music page (/music) utilises a nice integration of Views and jQuery, although perhaps most notable is the main carousel which sits underneath the logo and is the centerpiece at the top of every page. Each slide within the carousel is a custom content type, the fields of which allow an administrator to add a main image, promo background, promo description, and promo link. The custom nodes are then output in a jQuery UI carousel view and themed. In essence the carousel is constructed of four layers, the layers being (1) the background (2) the main image (3) the mask which sits on top of the main image (4) the smaller promo area to the right of the piece. Custom jQuery is used to split the HTML of each slide's promo area into a new location in order to accommodate the main image mask, which effectively occupies a space between the main image and the promo area. Extensive cross-browser testing ensured parity across IE 7 and IE 6 despite their 'interesting' interpretation of z-index.