// Copyright 2009 Aaron Vanderzwan, by Aaron Vanderzwan
// Thanks to Skye Giordano for the suggestion of the resizeMsg option.
//
// LICENSE
// This program is free software: you can redistribute it and/or modify
// it under the terms of the GNU General Public License as published by
// the Free Software Foundation, either version 3 of the License, or
// (at your option) any later version.
//
// This program is distributed in the hope that it will be useful,
// but WITHOUT ANY WARRANTY; without even the implied warranty of
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
// GNU General Public License for more details.
//
// You should have received a copy of the GNU General Public License
// along with this program. If not, see .
//
// VERSION: 1.1.7
(function($) {
// The maxImages plugin resizes an image dynamically, according to the width of the browser.
jQuery.fn.maxImage = function(options) {
var resizeMsgDefaults = {show: false, location: 'before', message: 'Original: ([w]w x [h]h)'};
// var opts = $.extend({}, $.fn.maxImage.defaults, options);
var opts = jQuery.extend({
wait: true,
imageArray: [],
maxFollows: 'both', // Options: width, height, both
verticalOffset: 0,
horizontalOffset: 0,
leftSpace: 0,
topSpace: 0,
rightSpace: 0,
bottomSpace: 0,
overflow: 'hidden',
position: 'absolute',
isBackground: false,
zIndex: -1,
verticalAlign: 'center',
horizontalAlign: 'center',
maxAtOrigImageSize: false,
slideShow: false,
slideDelay: 5,
slideShowTitle: true,
loaderClass: 'loader',
resizeMsg: resizeMsgDefaults,
onImageShow: function(){}
}, options);
// var resizeDefaults = {show: false, location: 'before', message: '(resized)'};
opts.resizeMsg = jQuery.extend(resizeMsgDefaults, options.resizeMsg)
// Cache jQuery object
var jQueryMatchedObj = this;
function _initialize() {
_start(this,jQueryMatchedObj);
return false;
}
function _start(image,jQueryMatchedObj) {
if( opts.slideShow ){
_setup_slideshow(jQueryMatchedObj);
} else if ( opts.isBackground ){
Background._setup_background(image);
} else {
Others._setup_others(image,opts);
}
}
Others = {
_setup_others: function(image,opts){
$this = $(image);
$this.hide();
Others._configure_css(image,opts);
$(window).load(function(){
_get_orig_data($this);
_size_image($this);
_center_image($this);
$this.show();
$('.'+opts.loaderClass).hide();
opts.onImageShow.call(this);
$(window).resize(function(){
_size_image($this);
_center_image($this);
});
});
},
_configure_css: function(image,opts){
if(opts.position == 'absolute') {
$(image).css({
'overflow': 'hidden',
'left': opts.leftSpace,
'top': opts.topSpace,
'position': 'absolute'
});
if(opts.verticalAlign == 'bottom'){
$(image).css({'bottom':opts.bottomSpace,'top':'auto'});
}
if(opts.horizontalAlign == 'right'){
$(image).css({'right':opts.rightSpace,'left':'auto'});
}
} else {
$(image).css({
'margin-top': opts.topSpace,
'margin-right': opts.rightSpace,
'margin-bottom': opts.bottomSpace,
'margin-left': opts.leftSpace,
'position': opts.position
});
}
}
}
Background = {
_setup_background: function(image){
$this = $(image);
$this.hide();
Background._configure_css(image);
$(window).load(function(){
_get_orig_data($this);
_size_image($this);
_center_image($this);
$this.show();
$('.'+opts.loaderClass).hide();
opts.onImageShow.call(this);
$(window).resize(function(){
_size_image($this);
_center_image($this)
});
});
},
_configure_css: function(image){
// If position is set to absolute (or if isBackground)
$(image).css({
'z-index': opts.zIndex
});
if(opts.position == 'absolute') {
$(image).css({
'overflow': 'hidden',
'left': opts.leftSpace,
'top': opts.topSpace,
'position': 'absolute'
});
$('html').css({'overflow-y':opts.overflow});
if(opts.verticalAlign == 'bottom'){
$(image).css({'bottom':opts.bottomSpace,'top':'auto'});
}
if(opts.horizontalAlign == 'right'){
$(image).css({'right':opts.rightSpace});
}
} else {
$(image).css({
'margin-top': opts.topSpace,
'margin-right': opts.rightSpace,
'margin-bottom': opts.bottomSpace,
'margin-left': opts.leftSpace,
'position': opts.position
});
}
}
}
// SLIDESHOW FUNCTIONS
function _setup_slideshow (jQueryMatchedObj){
_build_slideshow_structure(jQueryMatchedObj);
opts.imageArray.length = 0;
if( jQueryMatchedObj.length == 1){
opts.imageArray.push(new Array(objClicked.getAttribute('src'),objClicked.getAttribute('title')));
} else {
for ( var i = 0; i < jQueryMatchedObj.length; i++ ) {
opts.imageArray.push(new Array(jQueryMatchedObj[i].getAttribute('src'),jQueryMatchedObj[i].getAttribute('title')));
$(jQueryMatchedObj[i]).attr('original',$(jQueryMatchedObj[i]).attr('src')).attr('src','');
}
}
_configure_css();
_loads_image(0);
}
function _build_slideshow_structure() {
for ( var i = 0; i < jQueryMatchedObj.length; i++ ) {
$(jQueryMatchedObj[i]).addClass('slides slide-'+i).after('
'+$(jQueryMatchedObj[i]).attr('title')+'
');
}
$('.slideTitle').hide().css({
'padding':'10px',
'background':'#e0e0e0',
'position':'absolute',
'bottom':'0',
'right':'5%',
'opacity':'0.8'
});
}
function _loads_image(nums){
var currentImage = nums;
var objImagePreloader = new Image();
objImagePreloader.onload = function() {
$('.slide-'+currentImage).attr('src',opts.imageArray[currentImage][0]);
_get_orig_data($('.slide-'+currentImage));
_size_image($('.slide-'+currentImage));
_center_image($('.slide-'+currentImage));
if(currentImage==0) opts.onImageShow.call(this);
$(window).resize(function(){
_size_image($('.slide-'+(currentImage)));
_center_image($('.slide-'+currentImage));
});
if(currentImage==0){
_start_timer();
}
if(currentImage < opts.imageArray.length-1){
_loads_image(currentImage+1);
}
}
objImagePreloader.src = opts.imageArray[currentImage][0];
}
function _start_timer() {
var currentSlide = 0;
// Hide the loading graphic
$('.'+opts.loaderClass).hide();
// Fade in first image
$('.slide-'+currentSlide).css({'z-index':opts.zIndex}).fadeIn();
// If user wants to show titles, use this option
if(opts.slideShowTitle){
$('.slide-'+currentSlide).next('.slideTitle').css({'z-index':opts.zIndex+1}).fadeIn();
}
// Start timer for slideshow
var slideInterval = setInterval(function(){
if(currentSlide < opts.imageArray.length-1){
currentSlide++;
lastSlide = currentSlide-1;
} else {
currentSlide=0;
lastSlide = opts.imageArray.length-1;
}
$('.slide-'+lastSlide).css({'z-index':opts.zIndex-1}).fadeOut(3000);
$('.slide-'+currentSlide).css({'z-index':opts.zIndex}).fadeIn(3000);
if(opts.slideShowTitle){
next_title(currentSlide,lastSlide);
}
}, (to_i(opts.slideDelay)*1000));
}
function _configure_css(){
for(i=0;i';
if(opts.resizeMsg.location.toLowerCase() == "before"){
$this.before(insertStr);
} else {
$this.after(insertStr);
}
}
}
function find_width_and_height(originalWidth,originalHeight,ratio) {
var pageWidth = $(window).width() - opts.horizontalOffset;
var pageHeight = $(window).height() - opts.verticalOffset;
if(!opts.isBackground){
if(opts.maxFollows=='both'){
max_follows_width(pageWidth,ratio);
if( height > pageHeight ){
max_follows_height(pageHeight,ratio);
}
} else if (opts.maxFollows == 'width'){
max_follows_width(pageWidth,ratio);
} else if (opts.maxFollows == 'height'){
max_follows_height(pageHeight,ratio);
}
}else{
width = pageWidth + 40;
height = width/ratio;
if( height < pageHeight ){
height = pageHeight - (opts.topSpace + opts.bottomSpace);
width = height*ratio;
}
}
// If maxAtRatio == true and your new width is larger than originalWidth, size to originalWidth
if ( opts.maxAtOrigImageSize && width > originalWidth){
arrayImageSize = new Array(originalWidth,originalHeight);
}else{
arrayImageSize = new Array(width,height);
}
return arrayImageSize;
}
function max_follows_height(pageHeight,ratio){
height = pageHeight - (opts.topSpace + opts.bottomSpace); // Page Height minus topSpace and bottomSpace
width = height*ratio;
}
function max_follows_width(pageWidth,ratio){
width = pageWidth - (opts.leftSpace + opts.rightSpace); // Page Width minus leftSpace and rightSpace
height = width/ratio;
}
function find_ratio(width,height) {
width = to_i(width);
height = to_i(height);
var ratio = width/height;
ratio = ratio.toFixed(2);
return ratio;
}
function to_i(i){
last = parseInt(i);
return last;
}
// private function for debugging
function debug($obj) {
if (window.console && window.console.log) {
window.console.log($obj);
}
}
return this.each(_initialize);
};
})(jQuery);
