0
我正在使用jssor創建淡入淡出的幻燈片。它適用於所有設備,除了iPhone和iPad。在這些設備上,它跳轉到白色,然後淡入淡出。有沒有人有任何修復這個。這是我正在使用的代碼。jssor淡入淡出之前在ipad上淡出圖像
jQuery(document).ready(function ($) {
var _SlideshowTransitions = [
{ $Duration:1200, $Opacity:2 }
];
var options = {
$SlideDuration: 800,
$DragOrientation: 3,
$AutoPlay: true,
$AutoPlayInterval: 3000,
$SlideshowOptions: {
$Class: $JssorSlideshowRunner$,
$Transitions: _SlideshowTransitions,
$TransitionsOrder: 1,
$ShowLink: true
}
};
var jssor_slider1 = new $JssorSlider$('slider1_container', options);
});
<div id="slider1_container" style="position: relative; top: 0px; left: 0px; width: 686px; height: 224px;">
<!-- Slides Container -->
<div u="slides" style="cursor: move; position: absolute; overflow: hidden; left: 0px; top: 0px; width: 686px; height: 224px;">
<div><a u="image" href="/developments/completed/cambagardens"><img src="/Publishingimages/slideshow/001_CG-external.jpg" /></a></div>
<div><a u="image" href="/developments/completed/97crookeavenue"><img src="/Publishingimages/slideshow/002_crooke-external.jpg" /></a></div>
<div><a u="image" href="/developments/completed/morrismanor"><img src="/Publishingimages/slideshow/003_MorrisManor-external.jpg" /></a></div>
<div><a u="image" href="/developments/completed/880willoughby"><img src="/Publishingimages/slideshow/004_880-external.jpg" /></a></div>
<div><a u="image" href="/developments/completed/cambagardens"><img src="/Publishingimages/slideshow/005_CG-lobby.jpg" /></a></div>
<div><a u="image" href="/developments/completed/cambagardens"><img src="/Publishingimages/slideshow/006_CG-apartment.jpg" /></a></div>
<div><a u="image" href="/developments/completed/97crookeavenue"><img src="/Publishingimages/slideshow/007_Crooke-garden.jpg" /></a></div>
<div><a u="image" href="/developments/completed/97crookeavenue"><img src="/Publishingimages/slideshow/008_Crooke-community-room.jpg" /></a></div>
<div><a u="image" href="/developments/completed/97crookeavenue"><img src="/Publishingimages/slideshow/009_Crooke-bedroom.jpg" /></a></div>
<div><a u="image" href="/developments/completed/880willoughby"><img src="/Publishingimages/slideshow/010_880-garden.jpg" /></a></div>
<div><a u="image" href="/developments/completed/cambagardens"><img src="/Publishingimages/slideshow/011_CG-courtyard.jpg" /></a></div>
<div><a u="image" href="/developments/completed/cambagardens"><img src="/Publishingimages/slideshow/012_CGexternal2.jpg" /></a></div>
</div>
請發表您的HTML代碼。什麼是您的瀏覽器/ webkit版本?它發生在http://www.jssor.com上嗎? – jssor 2015-03-14 00:26:40
我添加了html代碼。我已經設法讓它不閃爍到白色,但它仍然稍微閃爍。我無法找到我在jssor上做的與fade圖像鏈接的確切副本,但沒有鏈接的常規fade可以在ipad上正常工作。有什麼建議麼? – Kristin 2015-03-16 14:06:04