Code PHP && Ứng Dụng: Slide fullscreen

Hiển thị các bài đăng có nhãn Slide fullscreen. Hiển thị tất cả bài đăng

Thứ Hai, 13 tháng 7, 2026

Thứ Tư, 15 tháng 7, 2020

Thứ Tư, 5 tháng 9, 2018

Thứ Năm, 6 tháng 7, 2017

slide full màn hình(full-amazingslider)

web:anphukhang
link: tại đây

Thứ Sáu, 14 tháng 8, 2015

sick-slide full man hình trang home

download: tại đây

Thứ Sáu, 31 tháng 7, 2015

slide mobi full màn hình ( kéo + click )

download: tại đây

Thứ Hai, 1 tháng 6, 2015

weblienquan: http://www.caskavietnam.com + haitrungkim

include("".INCLUDE_PATH."includes/data/logo_config.php");
for($i =0; $i < sizeof($logo); $i ++){
$logoimg = @explode("|",$logo[$i]);
if($logoimg[3]=="home_slide"){
$home_slide[]= $logoimg;
}
}

#--- css -----------------------------#

.banner {

}

#--------------------------------#

echo'<div class="banner">';
?>
<style>
.MainBox {
Z-INDEX: 0;
margin:0 auto;
POSITION:relative;
WIDTH: 100%;
height:450px;
}
.MainBox .bannerBox .banner_list {
POSITION: absolute; WIDTH: 100%; DISPLAY: none; HEIGHT: 450px; TOP: 0px; LEFT: 0px; z-index:0;
}

.MainBox .bannerBox .banner_list_1 {
BACKGROUND:url("<?php echo"".$site_live.""; ?>uploads/logo/<?php echo $home_slide[0][0]; ?>") center top no-repeat;
}

.banner_ico_warpper{ width:100%; }
.banner_ico_warpper ul{top:320px; left:45%;position:absolute;width:350px; height:22px;text-align:center;z-index:999; padding-top:5px; padding-left:8px; background:url("<?php echo"".$site_live.""; ?>themes/haitrungkim/images/banner__bg.png") no-repeat }
.banner_ico_warpper ul li{background:url("<?php echo"".$site_live.""; ?>themes/haitrungkim/images/banner_li.png") no-repeat left top; cursor:pointer;display:block;float:left;height:16px;text-indent:-9989px;width:20px; }
.banner_ico_warpper ul li.ico_now{background:url("<?php echo"".$site_live.""; ?>themes/haitrungkim/images/banner_a.png") no-repeat left top; color:#FFFFFF;width:20px; height:16px; }
.MainBox .bannerBox .banner_list_2 {
BACKGROUND:url("<?php echo"".$site_live.""; ?>uploads/logo/<?php echo $home_slide[1][0]; ?>") center top no-repeat;
}
.banner_ico_warpper{ width:100%; }
.banner_ico_warpper ul{top:320px; left:45%;position:absolute;width:350px; height:22px;text-align:center;z-index:999; padding-top:5px; padding-left:8px; background:url("<?php echo"".$site_live.""; ?>themes/haitrungkim/images/banner__bg.png") no-repeat }
.banner_ico_warpper ul li{background:url("<?php echo"".$site_live.""; ?>themes/haitrungkim/images/banner_li.png") no-repeat left top; cursor:pointer;display:block;float:left;height:16px;text-indent:-9989px;width:20px; }
.banner_ico_warpper ul li.ico_now{background:url("<?php echo"".$site_live.""; ?>themes/haitrungkim/images/banner_a.png") no-repeat left top; color:#FFFFFF;width:20px; height:16px; }
.MainBox .bannerBox .banner_list_3 {
BACKGROUND:url("<?php echo"".$site_live.""; ?>uploads/logo/<?php echo $home_slide[2][0]; ?>") center top no-repeat;
}
.banner_ico_warpper{ width:100%; }
.banner_ico_warpper ul{top:320px; left:45%;position:absolute;width:350px; height:22px;text-align:center;z-index:999; padding-top:5px; padding-left:8px; background:url("<?php echo"".$site_live.""; ?>themes/haitrungkim/images/banner__bg.png") no-repeat }
.banner_ico_warpper ul li{background:url("<?php echo"".$site_live.""; ?>themes/haitrungkim/images/banner_li.png") no-repeat left top; cursor:pointer;display:block;float:left;height:16px;text-indent:-9989px;width:20px; }
.banner_ico_warpper ul li.ico_now{background:url("<?php echo"".$site_live.""; ?>themes/haitrungkim/images/banner_a.png") no-repeat left top; color:#FFFFFF;width:20px; height:16px; }
.MainBox .bannerBox .banner_list_4 {
BACKGROUND:url("<?php echo"".$site_live.""; ?>uploads/logo/<?php echo $home_slide[3][0]; ?>") center top no-repeat;
}
.banner_ico_warpper{ width:100%; }
.banner_ico_warpper ul{top:320px; left:45%;position:absolute;width:350px; height:22px;text-align:center;z-index:999; padding-top:5px; padding-left:8px; background:url("<?php echo"".$site_live.""; ?>themes/haitrungkim/images/banner__bg.png") no-repeat }
.banner_ico_warpper ul li{background:url("<?php echo"".$site_live.""; ?>themes/haitrungkim/images/banner_li.png") no-repeat left top; cursor:pointer;display:block;float:left;height:16px;text-indent:-9989px;width:20px; }
.banner_ico_warpper ul li.ico_now{background:url("<?php echo"".$site_live.""; ?>themes/haitrungkim/images/banner_a.png") no-repeat left top; color:#FFFFFF;width:20px; height:16px; }

</style>

<?php

echo'<Div style="width:100%; position:relative; margin:0px auto; z-index:11;">
<DIV class=banner_ico_warpper>
<UL class=banner_ico>
<LI class=list_1 ico_now>1</LI>
<LI class=list_2>2</LI>
<LI class=list_3>3</LI>
<LI class=list_4>4</LI>
</UL>
</DIV>
</Div>';

echo'<DIV class=MainBox>
<DIV class=bannerBox>
<DIV class="banner_list_1 banner_list" style="DISPLAY:block"></DIV>
<DIV class="banner_list_2 banner_list"></DIV>
<DIV class="banner_list_3 banner_list"></DIV>
<DIV class="banner_list_4 banner_list"></DIV>
</DIV>
</DIV>';
?>
<SCRIPT type=text/javascript>
$(document).ready(function() {
var current = 0;
var box = $('.banner_ico');
var li = $('.banner_ico li');
li.each(function(i){
$(this).data('index', i);
});
box.bind('mousemove',function(){
clearInterval(autoID);
});
li.bind('mouseover', function(){
var i = $(this).data('index');
current = i;
$(this).addClass('ico_now');
$(this).siblings().removeClass('ico_now');
$('.banner_list').fadeOut(800).eq(i).fadeIn(1200);
//p.hide().eq(i).show();
});
box.bind('mouseout',function(){
autoID = setInterval(trig,4000);
});
function trig(){ //定义图片自动切换方法
current = current+1 < 4 ? current+1 : 0;
li.eq(current).trigger('mouseover');
};
var autoID = setInterval(trig,4000);

});
</SCRIPT>
<?php

echo'</div> ';

Thứ Hai, 27 tháng 10, 2014

mageflow (slide full màm hình)

dowload : tại đây

Code PHP && Ứng Dụng

menu ngang