functions.js 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. // Kameleon Template
  2. //Author: Chris Mooney (http://themeforest.net/user/ChrisMooney)
  3. // Cufon Setup
  4. jQuery(document).ready(function($) {
  5. Cufon.replace('h3,h4,h5,.process,#tagline ');
  6. //Portfolio Hover Effect
  7. $('.portfolio-small li img, .portfolio-list li img').hover(function() {
  8. $(this).children('a').show();
  9. $('.portfolio-small li img, .portfolio-list li img').stop().animate({ opacity: .5 }, 300);
  10. $(this).stop().css('opacity', 1);
  11. }, function() {
  12. $('.portfolio-small li img, .portfolio-list li img').stop().animate({ opacity: 1 }, 300);
  13. });
  14. //Homepage Screenshot Scroll
  15. $(".scrollable").scrollable();
  16. //LightBox Setup
  17. $('.portfolio-small a, .portfolio-list a').lightBox({
  18. fixedNavigation:true,
  19. overlayOpacity: 0.8,
  20. imageLoading: 'img/lightbox/lightbox-ico-loading.gif',
  21. imageBtnClose: 'img/lightbox/lightbox-btn-close.gif',
  22. imageBtnPrev: 'img/lightbox/lightbox-btn-prev.gif',
  23. imageBtnNext: 'img/lightbox/lightbox-btn-next.gif',
  24. imageBlank: 'img/lightbox/lightbox-blank.gif'
  25. });
  26. // Tipsy Tooltips
  27. $('.tooltip').tipsy({fade: true});
  28. $('.tooltip.north').tipsy({fade: true, gravity: 's'});
  29. $('.tooltip.east').tipsy({fade: true, gravity: 'w'});
  30. $('.tooltip.west').tipsy({fade: true, gravity: 'e'});
  31. // Form Tooltips
  32. $('form [title]').tipsy({fade: true, trigger: 'focus', gravity: 'w'});
  33. });