http://landpros.turnpostinteractive.com/LandPros_Results_2.html
我在页面底部有一个滑块,可以在IE8的每个浏览器中使用。我似乎无法弄清楚为什么它不能在这个浏览器中工作。
这是我的HTML ..
<div class="row bottom-scroller">
<h1>
results <a href="#">view</a>
</h1>
<div class="demo-mastercon">
<div class="advancedscroller-con">
<div id="as2" class="advancedscroller" style="width:100%;">
<ul class="items">
<li class="item-tobe">
<img src="images/details-page/property.jpg" alt="property" />
<p>
Shawnee County Sanctuary<br/>
Shawnee County, KS<br/>
10.91 +/- Acres<br/>
<span><strong>$369,000</strong> <a href="#">view</a></span>
</p>
</li>
<li class="item-tobe">
<img src="images/details-page/property.jpg" alt="property" />
<p>
Shawnee County Sanctuary<br/>
Shawnee County, KS<br/>
10.91 +/- Acres<br/>
<span><strong>$369,000</strong> <a href="#">view</a></span>
</p>
</li>
<li class="item-tobe">
<img src="images/details-page/property.jpg" alt="property" />
<p>
Shawnee County Sanctuary<br/>
Shawnee County, KS<br/>
10.91 +/- Acres<br/>
<span><strong>$369,000</strong> <a href="#">view</a></span>
</p>
</li>
<li class="item-tobe">
<img src="images/details-page/property.jpg" alt="property" />
<p>
Shawnee County Sanctuary<br/>
Shawnee County, KS<br/>
10.91 +/- Acres<br/>
<span><strong>$369,000</strong> <a href="#">view</a></span>
</p>
</li>
<li class="item-tobe">
<img src="images/details-page/property.jpg" alt="property" />
<p>
Shawnee County Sanctuary<br/>
Shawnee County, KS<br/>
10.91 +/- Acres<br/>
<span><strong>$369,000</strong> <a href="#">view</a></span>
</p>
</li>
<li class="item-tobe">
<img src="images/details-page/property.jpg" alt="property" />
<p>
Shawnee County Sanctuary<br/>
Shawnee County, KS<br/>
10.91 +/- Acres<br/>
<span><strong>$369,000</strong> <a href="#">view</a></span>
</p>
</li>
<li class="item-tobe">
<img src="images/details-page/property.jpg" alt="property" />
<p>
Shawnee County Sanctuary<br/>
Shawnee County, KS<br/>
10.91 +/- Acres<br/>
<span><strong>$369,000</strong> <a href="#">view</a></span>
</p>
</li>
<li class="item-tobe">
<img src="images/details-page/property.jpg" alt="property" />
<p>
Shawnee County Sanctuary<br/>
Shawnee County, KS<br/>
10.91 +/- Acres<br/>
<span><strong>$369,000</strong> <a href="#">view</a></span>
</p>
</li>
<li class="item-tobe">
<img src="images/details-page/property.jpg" alt="property" />
<p>
Shawnee County Sanctuary<br/>
Shawnee County, KS<br/>
10.91 +/- Acres<br/>
<span><strong>$369,000</strong> <a href="#">view</a></span>
</p>
</li>
<li class="item-tobe">
<img src="images/details-page/property.jpg" alt="property" />
<p>
Shawnee County Sanctuary<br/>
Shawnee County, KS<br/>
10.91 +/- Acres<br/>
<span><strong>$369,000</strong> <a href="#">view</a></span>
</p>
</li>
</ul>
</div>
</div>
</div>
</div><!--/row-->
这是我的自定义CSS ...
/***************************************
ADVANCED SLIDER
****************************************/
.advancedscroller{
height: 100px;
}
.advancedscroller-con .thumbsCon{
height: 100px;
}
.advancedscroller-con ul.thumbsClip{
height: 100px;
}
.advancedscroller-con li img{
float: left;
padding-right: 12px;
}
.advancedscroller .bulletsCon{
display: none;
}
以及此文件...... http://landpros.turnpostinteractive.com/advancedscroller/plugin.css
最后,这是我的jquery ......
<!--
**************************
ADVANCED SCROLLER
**************************
-->
<script src="advancedscroller/plugin.dev.js" type="text/javascript"></script>
<script>
jQuery(document).ready(function($){
$("#as1").advancedscroller({
settings_swipe: "on"
,design_arrowsize: "40"
});
$("#as2").advancedscroller({
settings_swipe: "on"
,design_arrowsize: "40"
});
$("#as3").advancedscroller({
settings_swipe: "on"
,design_arrowsize: "40"
});
$("#as4").advancedscroller({
settings_mode: "onlyoneitem"
,design_arrowsize: "0"
,settings_swipe: "on"
,settings_swipeOnDesktopsToo: "on"
});
});
</script>
<!--/advancedscroller-->
和插件文件... http://landpros.turnpostinteractive.com/advancedscroller/plugin.dev.js
非常感谢任何帮助!
答案 0 :(得分:1)
在HTML文件的标题中使用此标记。
<meta http-equiv="X-UA-Compatible" content="IE=edge">