BX滑块图像加载不正确 #简单地图{最小高度:240px;} 卧室 地点 性别 涵盖的账单 电 ✔ 无线网络 ✔ 潜孔锤 ✔ 维修 ✔ 气体连接 ✔ 地图 $(文档).ready(函数(){ $('.bxslider').bxslider({ 自适应高度:正确, 模式:“淡入淡出” }); }); var_纬度=; var_经度=; var draggableMarker=false; var scrollwheel=false; var元素=document.querySelector('body'); if(hasClass(元素“外部”)){ var head=document.getElementsByTagName('head')[0]; var script=document.createElement('script'); script.type='text/javascript'; script.src=”http://homigo.in/ourhousesassets/js/external.js"; head.appendChild(脚本); } 否则{ simpleMap(纬度、经度、拖动标记、滚轮); 评级(); averageColor($('.content container')); } 函数类(元素,cls){ 返回(“”+element.className+“”).indexOf(“”+cls+“”)>-1; }
上面的代码使用bx滑块来显示四个图像,但工作不正常。幻灯片正在加载和导航,但图像大小不全。它们在div中被裁剪,无法平滑导航。请告知是否有任何java脚本或任何其他文件妨碍滑块正常工作 您的php不应该包含括号吗<代码>当我手动调整窗口大小并将其恢复时,它工作正常。BX滑块图像加载不正确 #简单地图{最小高度:240px;} 卧室 地点 性别 涵盖的账单 电 ✔ 无线网络 ✔ 潜孔锤 ✔ 维修 ✔ 气体连接 ✔ 地图 $(文档).ready(函数(){ $('.bxslider').bxslider({ 自适应高度:正确, 模式:“淡入淡出” }); }); var_纬度=; var_经度=; var draggableMarker=false; var scrollwheel=false; var元素=document.querySelector('body'); if(hasClass(元素“外部”)){ var head=document.getElementsByTagName('head')[0]; var script=document.createElement('script'); script.type='text/javascript'; script.src=”http://homigo.in/ourhousesassets/js/external.js"; head.appendChild(脚本); } 否则{ simpleMap(纬度、经度、拖动标记、滚轮); 评级(); averageColor($('.content container')); } 函数类(元素,cls){ 返回(“”+element.className+“”).indexOf(“”+cls+“”)>-1; },javascript,jquery,css,bxslider,Javascript,Jquery,Css,Bxslider,上面的代码使用bx滑块来显示四个图像,但工作不正常。幻灯片正在加载和导航,但图像大小不全。它们在div中被裁剪,无法平滑导航。请告知是否有任何java脚本或任何其他文件妨碍滑块正常工作 您的php不应该包含括号吗当我手动调整窗口大小并将其恢复时,它工作正常。 <?php $x = $_GET['house_id']; ?> <?php include 'connection.php';?> <?php $queryz = "SELECT * FROM photos
<?php $x = $_GET['house_id']; ?>
<?php include 'connection.php';?>
<?php
$queryz = "SELECT * FROM photos WHERE id = $x";
$link = mysqli_query($conn, $queryz);
$lattitude = "SELECT latitude FROM location WHERE id=$x";
$lt = mysqli_query($conn,$lattitude) ;
$longitude = "SELECT longitude FROM location WHERE id=$x";
$lg = mysqli_query($conn,$longitude) ;
?>
<?php
include 'connection.php';
// Create connection
$queryz = "SELECT * FROM photos WHERE id = $x";
$link = mysqli_query($conn, $queryz);
$sql_1 = "SELECT * FROM house_info WHERE id = $x";
$result_1 = mysqli_query($conn,$sql_1);
$info = mysqli_fetch_array($result_1);
$city=$info['city'];
$type=$info['type'];
$location=$info['location'];
$landmark=$info['landmark'];
$gender=$info['gender'];
$address=$info['address'];
?>
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="assets/js/jquery-2.1.0.min.js"></script>
<!--<link href="../../fonts/font-awesome.css" rel="stylesheet" type="text/css">-->
<!--<link href='http://fonts.googleapis.com/css?family=Roboto:700,400,300' rel='stylesheet' type='text/css'>-->
<!--<link href="../../bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css">-->
<!--<link href="../../css/style.css" rel="stylesheet" type="text/css">-->
<!-- bxSlider Javascript file -->
<script src="assets/js/jquery.bxslider.min.js"></script>
<!-- bxSlider CSS file -->
<link href="assets/css/jquery.bxslider.css" rel="stylesheet" type="text/css" />
<style>
#map-simple { min-height: 240px; }
</style>
<title><?php echo $location;?></title>
</head>
<body class="external">
<div id="item-detail" class="content-container">
<div class="row">
<div class="col-md-8">
<div class="inner">
<!--<div class="items-switch">
<a href="#" class=""><img src="ourhousesassets/img/arrow-left.png"></a>
<a href="#" class=""><img src="ourhousesassets/img/arrow-right.png"></a>
</div>-->
<article class="animate move_from_bottom_short">
<div class="gallery">
<div class="image">
<ul class="bxslider">
<li><img height='100%' width='100%' src="addhouse/images_upload/1_1.jpg"/></li>
<li><img height='100%' width='100%' src="addhouse/images_upload/1_2.jpg"/></li>
<li><img height='100%' width='100%' src="addhouse/images_upload/1_3.jpg"/></li>
<li><img height='100%' width='100%' src="addhouse/images_upload/1_4.jpg"/></li>
</ul>
</div>
</div>
</article>
<article class="animate move_from_bottom_short">
<h1><?php echo $type;?>BHK Flat, <?php echo $location;?></h1>
<h2><i class="fa fa-map-marker"></i>Near <?php echo $landmark;?></h2>
<figure class="price average-color"><span><?php echo $gender;?></span></figure>
<figure class="price average-color"><span>Availability: <?php include './ourhousesassets/totalavailability.php';?></span></figure>
</article>
<!--end Description-->
<article class="sidebar">
<div class="person animate move_from_bottom_short">
<div class="inner average-color">
<!--<figure class="person-image">
<img src="ourhousesassets/img/person-01.jpg" alt="">
</figure>-->
<header>Address</header>
<a><?php echo $address;?></a><br>
<a>Near <?php echo $landmark;?></a>
<hr>
<a href="#person-detail" class="link" data-toggle="collapse" aria-expanded="false" aria-controls="person-detail"><b>Check Rents/Availability</b></a>
</div>
<?php include './ourhousesassets/getroomwiserent.php';?>
</div>
<!--end .person-->
<div class="block animate move_from_bottom_short">
<dl>
<dt>Bedrooms</dt>
<dd><?php echo $type;?></dd>
<dt>Locality</dt>
<dd><?php echo $location;?></dd>
<dt>Gender</dt>
<dd><?php echo $gender;?></dd>
</dl>
</div>
<div class="block animate move_from_bottom_short">
<dl>
<h2>Bills covered</h2><hr class="one">
<dt>Electricity</dt>
<dd><b><font color="#3fe173">✔</font></b></dd>
<dt>WiFi</dt>
<dd><b><font color="#3fe173">✔</font></b></dd>
<dt>DTH</dt>
<dd><b><font color="#3fe173">✔</font></b></dd>
<dt>Maintenance</dt>
<dd><b><font color="#3fe173">✔</font></b></dd>
<dt>Gas Connection</dt>
<dd><b><font color="#3fe173">✔</font></b></dd>
</dl>
</div>
</article>
<!--end Sidebar-->
<?php include './ourhousesassets/getfurniturelist.php';?>
<?php include './ourhousesassets/getapplianceslist.php';?>
<?php include './ourhousesassets/getamenitieslist.php';?>
<article>
<h3>Map</h3>
<div id="map-simple"></div>
</article>
</div>
</div>
<!--end .col-md-8-->
</div>
<!--end .row-->
</div>
<!--end #item-detail-->
<script type="text/javascript">
$(document).ready(function(){
$('.bxslider').bxSlider({
adaptiveHeight: true,
mode: 'fade'
});
});
</script>
<script>
var _latitude = <?php while($latt = mysqli_fetch_array($lt)){echo $latt['latitude'];}?>;
var _longitude = <?php while($lng = mysqli_fetch_array($lg)){echo $lng['longitude'];}?>;
var draggableMarker = false;
var scrollwheel = false;
var element = document.querySelector('body');
if( hasClass(element, 'external') ){
var head = document.getElementsByTagName('head')[0];
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = "http://homigo.in/ourhousesassets/js/external.js";
head.appendChild(script);
}
else {
simpleMap(_latitude, _longitude,draggableMarker, scrollwheel);
rating();
averageColor( $('.content-container') );
}
function hasClass(element, cls) {
return (' ' + element.className + ' ').indexOf(' ' + cls + ' ') > -1;
}
</script>
</body>
</html>