// Global Gallery Function for DNN websites // version : 1.0 // notes: some parameter are missing // -> this function works only with arrows function PwS_DNN_Gallery(targetBig,targetThumbs,thumbsPerGroup,custom_settings) { // SETTINGS var arrayImages = mediaList; var settings = { thumbsFormat : 'mini', // possible value for sizes : mini (90px/60px), thumb_is (180px/120px), normal (450px/300px), big (?? / ??) bigFormat : 'normal', // possible value for sizes : mini (90px/60px), thumb_is (180px/120px), normal (450px/300px), big (?? / ??) mediaIcon : true, // generating for media's icon (VTO icon, Map icon,...) orientation: 'horizontal ', pagingPosition: 'none', // 'none', 'before' and 'after' arrowsPosition: 'menu', // 'menu', 'before', 'after' and 'side' prevText : '', // 'previous' text to display in button zone, if thumbsMenu=false -> this text will be used as title attribut on a tag nextText : '', // 'next' text to display in button zone, if thumbsMenu=false -> this text will be used as title attribut on a tag effectSpeed : 500, // speed in miliseconds printBig : false, // add a special zone right before closure, with class="printOnly" itemText : false }; $.extend(settings, custom_settings); var VTOThumbsSizes = {'mini':'width=90&height=60','thumb_is':'width=180&height=120'}, // special sizes for Vitual Tours (VTO) // THUMBNAILS thumbsPanel = $('#'+targetThumbs); thumbsPanel.html('\n
\n
\n
\n'); // add a
to prepare the sliding effect // THUMBNAILS - Groups var thumbsListContent = '\n
    \n'; jQuery.each(arrayImages, function(imageKey, imageParam) { // Split Group if(imageKey%thumbsPerGroup==0 && imageKey!=0) { thumbsListContent+= '
\n
    \n'; } // Generate Thumbnails thumbsListContent += '
  • '; break; default: thumbsListContent += 'http://resourcehandler.immostreet.ch/GetImage.ashx?source=portia&filename='+imageParam[1]+'&mode=fit&format='+settings.thumbsFormat+'" />'; break; } if(settings.mediaIcon) { thumbsListContent += '' ; } thumbsListContent += '
    • \n'; }); thumbsListContent += '
\n'; $('#'+targetThumbs+'-list div').append(thumbsListContent); // THUMBNAILS - Menu var pagingContent = ''; var prevArrow = ''; var nextArrow = ''; // 1) paging if(settings.pagingPosition !='none' && arrayImages.length > thumbsPerGroup) { numberPanel = ((arrayImages.length-(arrayImages.length%thumbsPerGroup))/thumbsPerGroup)+1; if(numberPanel>1) { for(var i=0; i < numberPanel ; i++) { pagingContent += ''+(i+1)+''; } } } // 2) arrows if(arrayImages.length > thumbsPerGroup) { prevArrow = ''; nextArrow = ''+settings.nextText+''; } // 3) generate var beforeListContent = ''; var afterListContent = ''; if(settings.arrowsPosition=='menu' || settings.arrowsPosition==settings.pagingPosition) { if(settings.pagingPosition=='before') { beforeListContent = '
'+prevArrow+pagingContent+nextArrow+'
\n'; } else { afterListContent = '\n
'+prevArrow+pagingContent+nextArrow+'
'; } } else if (settings.arrowsPosition=='side') { if(settings.pagingPosition=='before') { beforeListContent = '
'+pagingContent+'
\n'+prevArrow+'\n'; afterListContent = '\n'+nextArrow; } else { beforeListContent = prevArrow+'\n'; afterListContent = '\n'+nextArrow+'\n
'+pagingContent+'
'; } } else { if(settings.pagingPosition=='before') { beforeListContent = '
'+pagingContent+'
\n'; afterListContent = '\n
'+prevArrow+nextArrow+'
'; } else { beforeListContent = '
'+prevArrow+nextArrow+'
\n'; afterListContent = '\n
'+pagingContent+'
'; } } $('#'+targetThumbs+'-list').before(beforeListContent); $('#'+targetThumbs+'-list').after(afterListContent); // 4) generate big image PwS_DNN_Gallery_big('0',targetBig,settings.itemText); // BEHAVIORS var maxSlidePosition = Math.round(arrayImages.length/thumbsPerGroup); if(arrayImages.length%thumbsPerGroup>0 && (arrayImages.length%thumbsPerGroup)<(thumbsPerGroup/2)) { maxSlidePosition = maxSlidePosition+1; } maxSlidePosition = '-'+( $('#'+targetThumbs+' ul').css('width').replace('px','') * (maxSlidePosition-1))+'px'; // next Button $('#'+targetThumbs+'-menu-next').click(function() { if(!$(this).hasClass('disable') && !$(this).hasClass('hidden')) { $('#'+targetThumbs+' a').addClass('disable'); $('#'+targetThumbs+'-list div').animate({left: '-='+$('#'+targetThumbs+'-list ul').css('width')}, settings.effectSpeed, function() { if($('#'+targetThumbs+'-list div').css('left') == maxSlidePosition) { $('#'+targetThumbs+'-menu-next').addClass('hidden'); } if($('#'+targetThumbs+'-menu-prev').hasClass('hidden')) { $('#'+targetThumbs+'-menu-prev').removeClass('hidden'); } $('#'+targetThumbs+' a').removeClass('disable'); }); }; }); // previous Button $('#'+targetThumbs+'-menu-prev').click(function() { if(!$(this).hasClass('disable') && !$(this).hasClass('hidden')) { $('#'+targetThumbs+' a').addClass('disable'); $('#'+targetThumbs+'-list div').animate({left: '+='+$('#'+targetThumbs+'-list ul').css('width')}, settings.effectSpeed, function() { if($('#'+targetThumbs+'-list div').css('left') == '0px') { $('#'+targetThumbs+'-menu-prev').addClass('hidden'); } if($('#'+targetThumbs+'-menu-next').hasClass('hidden')) { $('#'+targetThumbs+'-menu-next').removeClass('hidden'); } $('#'+targetThumbs+' a').removeClass('disable'); }); }; }); // Thumbnails $('#'+targetThumbs+'-list li').click(function() { $('#'+targetThumbs+'-list li').removeClass('current-thumb'); $(this).addClass('current-thumb'); PwS_DNN_Gallery_big($(this).attr("rel"),targetBig,settings.itemText); }); } // BIG Image Function for DNN websites (Gallery function) // version : 1.0 function PwS_DNN_Gallery_big(imageId,targetBig,itemTextActive) { var arrayImages = mediaList; var visualContent = ''; // PREVISITE (Virtual Tours) if(arrayImages[imageId][0]=='VTO') { URLvisualContent = arrayImages[imageId][1].replace('http://', '').split("/")[0] +'&image='+ arrayImages[imageId][1].replace('http://', '').split("/")[1]; visualContent += '