82 lines
		
	
	
		
			2.7 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
			
		
		
	
	
			82 lines
		
	
	
		
			2.7 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
| function slideshow (element, bannerEffect, bannerTime, bannerSpeed) {
 | |
|     element.cycle('destroy');
 | |
|     element.children('img').removeAttr('class');;
 | |
|     element.cycle({
 | |
|         fx: bannerEffect,
 | |
|         timeout: bannerTime,
 | |
|         speed: bannerSpeed,
 | |
|     });
 | |
| };
 | |
| function setSlideshow(element, data) {
 | |
|     $("#pageslide .ad_banner_ad_fx").children('option:selected').each(function(index, el) {
 | |
|         $(this).val() == 'flipHorz' || $(this).val() == 'flipVert' ? $('.suckIE').show() : $('.suckIE').hide();
 | |
|     });
 | |
|     slideshow(element, data['fx'], 2000, 1000);
 | |
| }
 | |
| 
 | |
| function preview() {
 | |
|     $('.open-modal').on('click', function() {
 | |
|         var _data = $(this).data();
 | |
|         bannerName = _data.name;
 | |
|         bannerEffect = _data.fx;
 | |
|         bannerTime = _data.time;
 | |
|         bannerSpeed = _data.speed;
 | |
|         bannerW = _data.w;
 | |
|         bannerH = _data.h;
 | |
|         $('#preview').modal('show');
 | |
|     });
 | |
| 
 | |
|     $('#preview').on('shown', function() {
 | |
|         $(this).attr('aria-labelledby', bannerName.toString()).find('h3').text(bannerName.toString())
 | |
|         if(bannerW > 500) {
 | |
|             var resize = 500/bannerW
 | |
|             bannerW = Math.floor(bannerW*resize);
 | |
|             bannerH = Math.floor(bannerH*resize);
 | |
|             console.log(bannerW)
 | |
|         };
 | |
|         if(bannerH > 300) {
 | |
|             var resize = 300/bannerH
 | |
|             bannerW = Math.floor(bannerW*resize);
 | |
|             bannerH = Math.floor(bannerH*resize);
 | |
|         }
 | |
|         slideshow($(this).find('.preview'), bannerEffect, bannerTime, bannerSpeed);
 | |
|         $(this).find('.preview').css({
 | |
|             'width': bannerW,
 | |
|             'height': bannerH
 | |
|         });
 | |
|         $(this).find('.preview img').css({
 | |
|             'width': '100%',
 | |
|             'height': '100%'
 | |
|         });
 | |
|     });
 | |
|     $('#preview').on('hidden', function() {
 | |
|         $(this).attr('aria-labelledby', '').find('h3').text('')
 | |
|         $(this).find('.preview').cycle('destroy');
 | |
|         $(this).find('.preview img').removeAttr('style');
 | |
|     });
 | |
| };
 | |
| 
 | |
| $(function() {
 | |
|     var bannerName = null,
 | |
|         bannerEffect = null,
 | |
|         bannerTime = null,
 | |
|         bannerSpeed = null,
 | |
|         bannerW = null,
 | |
|         bannerH = null,
 | |
|         $preview = $('#pageslide .preview');
 | |
| 
 | |
|     $(".ad_banner_ad_fx").change(function () {
 | |
|         var suckIE = false;
 | |
|         // bannerTime = $("#pageslide #timeout").val()*1000;
 | |
|         // bannerSpeed = $("#pageslide #speed").val()*1000;
 | |
| 
 | |
|         bannerTime = parseInt(bannerTime) || 300;
 | |
|         bannerSpeed = parseInt(bannerSpeed) || 300;
 | |
|         $(this).children('option:selected').each(function(index, el) {
 | |
|             $(this).val() == 'flipHorz' || $(this).val() == 'flipVert' ? $('.suckIE').show() : $('.suckIE').hide();
 | |
|         });
 | |
|         slideshow($preview, $(this).val(), 2000, 1000);
 | |
|     });
 | |
|     preview();
 | |
| });
 |