文件操作 - slider.asp

文件: /home/tecnoht/public_html/gigisantamaria--com/wp-content/themes/mate/slider/slider.asp

编辑文件内容

<style>

.img_slider{

width: 100%;
	/*border: solid 1px #ddd;*/
	/*border-radius: 10px;*/
	/*height: 420px;*/
	
}

.flex-caption {
	width: 94%;
	padding: 2%;
	left: 8px;
	bottom: 78px;
	background: rgba(0,0,0,.2);
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0,0,0,.3);
	font-size: 14px;
	line-height: 18px;
	display: block;
	position: relative;
	/*margin: 0 auto;*/
} 
.slider_container{
	margin-bottom: 0px; 
	/*margin-top: 128px; */
	width: 100%;
	/*
	height: 90vh;
	position:relative;
	top: 128px;
	*/
}
#captions{
	position: absolute;
	display: block;
	left: 1px;
	top: 1px;
	width: 100%;
	height: 100%;
}
.slider_tx{
	position: absolute;
	z-index: 100;
	font: normal 1.6vw 'Montserrat', sans-serif;
	color: white; /* #65594d;*/
	/*text-shadow: 1px 2px 0 rgba(221, 205, 224, 0.9);*/
	background-color: rgb( 10,10,10, 0.5); /* #ededed;*/
	padding: 20px 20px;
	/*border: double 8px #65594d;*/
	/*display: none;*/
	color: orange;
	text-align: left;	
}
#slider_testo_1{
	left: 16%;
	bottom: 20%;
}
#slider_testo_2{
	right: 16%;
	bottom: 20%;
	display: none;
}
#slider_testo_3{
	left: 16%;
	bottom: 20%;
	display: none;
}

#wait_slider{
	position:absolute; left:47%; top: 260px; width: 120px;
}
@media screen and (max-width:<%=MOBILE_MAX_WIDTH_CSS %>) {
		
	.img_slider{

height: auto;
		
	}
	.slider_container{
		margin-bottom: 10px; 
		/*margin-top: 128px; */
		height: 460px;	
		/*top: 86px;*/
	}
	
	#slider_testo_1{
		left: 3%;
		bottom: 6%;
		background-color: rgba(250, 250, 250, 0.8);
		text-align:left;
	}
	#slider_testo_2{
		right: 3%;
		bottom: 6%;
		background-color: rgba(250, 250, 250, 0.8);
		text-align:left;
	}
	#slider_testo_3{
		left: 3%;
		bottom: 6%;
		background-color: rgba(250, 250, 250, 0.8);
		text-align:left;
	}

.slider_tx{
		font-weight: bold;
		font-size: 13px; /*2.8vw;*/ 
		color: orange;
		text-align: left;	
	}
	
	#wait_slider{
		position:absolute; left:40%; top: 80px; width: 80px; z-index: 1000;
	}
	
	.flex-control-nav {
		bottom: -26px;
	}
	
} 
	
</style>
	
	<img id="wait_slider" style="" src="<%= SITE_BASE_URL %>/img/wait/wait1.gif" />
	
	<div class="slider_container" style="">
		
		<div id="captions" style="position:absolute; display: none">
		
			<%  
				/*
				fillArticle('slider_testo_1',"({'create_div':'yes'})"); 
				fillArticle('slider_testo_2',"({'create_div':'yes'})"); 
				fillArticle('slider_testo_3',"({'create_div':'yes'})"); 
				*/
				
			%>
			
			<div id="slider_testo_1" 
				class="slider_tx" 
				style="">
				<b>Excepteur</b>, sint occaecat cupidatat non proident <br>
				, sunt in culpa qui officia deserunt mollit anim id est laborum
			</div>

<div id="slider_testo_2" 
				class="slider_tx" 
				style="">
				<b>Sed ut perspiciatis</b> unde omnis iste natus error sit: <br>
				  voluptatem accusantium doloremque laudantium
			</div>

<div id="slider_testo_3" 
				class="slider_tx" 
				style="">
				Neque porro quisquam est, <br>
				qui  amet, consectetur, adipisci
			</div>
			
		</div>
		
		
		<div id="basicslider" class="flexslider">
		  <ul class="slides">
			
		
			<li><a href="#"><img class="img_slider" src="<%=SITE_BASE_URL %>/img/slider/d2-2.jpg" alt="" /></a></li>
			<li><a href="#"><img id="slider_2" class="img_slider" src="" alt="" /></a></li>
			<li><a href="#"><img id="slider_3" class="img_slider" src="" alt="" /></a></li>
		
		
		  </ul>
		  
		</div>
	</div>
	<div id="slidercarousel" class="flexslider" style="margin: 10px auto; width: 360px; height: 100px; text-align:center " >
		  <ul class="slides">
			
		
			<li><a href="#"><img class="img_slider_c" src="<%=SITE_BASE_URL %>/img/slider/d2-2.jpg" alt="" /></a></li>
			<li><a href="#"><img id="slider_2_c"  src="<%=SITE_BASE_URL %>/img/slider/d2-2.jpg" alt="" /></a></li>
			<li><a href="#"><img id="slider_3_c"  src="<%=SITE_BASE_URL %>/img/slider/d2-2.jpg" alt="" /></a></li>
		
		
		  </ul>
	</div>
	<div id="slider_control_container">
	
	</div>
	
<script>
$(window).load(function(){
	// Top Slider
	$('#slidercarousel').flexslider({
		/*
			animation: "slide",
			animationLoop: false,
			itemWidth: 210,
			itemMargin: 5
		*/
		
		animation: "slide",
		controlNav: false,
		animationLoop: false,
		slideshow: true,
		itemWidth: 120,
		itemMargin: 5,
		asNavFor: '#basicslider'		
		
		
	});
	
	$('#basicslider').flexslider({
		animation:  "slide", // "slide",
		pauseOnHover: false,
		controlNav: false,
		directionNav: true,
		slideshowSpeed: 5000,
		start: function(slider){
		  //$('body').removeClass('loading');
			console.log("start slider");
			$("#wait_slider").hide();
			slider_reposition_captions();
		},
		after: function(slider){
			//console.log("after change slider "+slider.currentSlide);
			$("#slider_testo_1,#slider_testo_2,#slider_testo_3").hide();
			$("#slider_testo_"+(slider.currentSlide+1)).fadeIn(1200);
			
		},
		controlsContainer:  $("#slider_control_container"),
		animationLoop: true,
		slideshow: true,
		sync: "#slidercarousel"
	
		
	});
   
	
	var t=setTimeout( function(){
		slider_reposition_captions();
	}, 2000);
	
	$( document ).resize( function() {
		slider_reposition_captions();
	});
	
	
	$("#captions").show();
  
  
  
   $("#slider_2")[0].src="<%=SITE_BASE_URL %>/img/slider/d2web.jpg";
   $("#slider_3")[0].src="<%=SITE_BASE_URL %>/img/slider/mt-540.jpg";
   $("#slider_2_c")[0].src="<%=SITE_BASE_URL %>/img/slider/d2web.jpg";
   $("#slider_3_c")[0].src="<%=SITE_BASE_URL %>/img/slider/mt-540.jpg";
	
});

</script>

文件操作 - slider.asp

文件: /home/tecnoht/public_html/gigisantamaria--com/wp-content/themes/mate/slider/slider.asp

编辑文件内容

修改文件时间

删除文件