Home

scrollbox.js

July 4, 2008 - 9:12pm — Anonymous
  1. $(document).ready(function () {
  2.   $('div.imagefield-gallery-scrollbox').each(function() {
  3.     $('div.preview-display', this).css({ backgroundImage: 'url("' + $('div.thumbnail-browser', this).children().children().attr('href') + '")', backgroundPosition: 'center', backgroundRepeat: 'no-repeat'});
  4.     $('div.title-box', this).html($('div.thumbnail-browser', this).children().children().children().attr('title'));
  5.     $('div.thumbnail-browser', this).width(($('div.thumbnail', this).width()+15)*$('div.thumbnail', this).length/2);
  6.     $('div.thumbnail a', this).click(function() {
  7.       $('div.preview-display', this).css({ backgroundImage: 'url("' + $(this).attr('href') + '")', backgroundPosition: 'center', backgroundRepeat: 'no-repeat', display: 'none'}).fadeIn('slow');
  8.       $('div.title-box', this).html($(this).children().attr('title'));
  9.       return false;
  10.     });
  11.     $('div.thumbnail-browser', this).offset();
  12.     $('div.nav a.left', this).click(function(){
  13.       $('div.thumbnail-browser', this).animate({left: '+='+($('div.thumbnail', this).width())}, 500);
  14.       return false;                                                                              
  15.     });                                                                                          
  16.     $('div.nav a.right', this).click(function(){                                                        
  17.       $('div.thumbnail-browser', this).animate({left: '-='+($('div.thumbnail', this).width())}, 500);
  18.       return false;
  19.     });
  20.   });
  21. });