У меня есть веб-страница, которая работает хорошо в течение многих лет. В последние несколько дней я получал жалобы от пользователей на то, что опция «Цикл» в googleapi перестала работать на Macbook Air. Следующий код продолжает работать хорошо для P C с использованием Firefox, Chrome, IE и Edge. Как ни странно, «цикл» также хорошо работает на моем браузере Safari iPhone. Это просто не с MacBook. Вот фрагмент кода со страницы index.s html на сайте:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<!-- InstanceBegin template="/Templates/ss_template_1.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- InstanceBeginEditable name="Page_Specific_Title" -->
<title>My Home Page SHTML</title>
<!-- InstanceEndEditable -->
<link href="CSS/MySite.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
body {
background-color: #EEE8AA;
p {margin:0; padding:0}
}
-->
</style>
<!-- InstanceBeginEditable name="Page_Specific_Head" -->
<!-- include jQuery library -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<!-- include Cycle plugin -->
<script type="text/javascript" src="http://malsup.github.com/jquery.cycle.all.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('.slideshow').cycle({
fx: 'shuffle', // choose your transition type, ex: fade, scrollUp, shuffle, etc...
speed: 1500, // speed at which the transition occurs (in miliseconds)
delay: 1000, // time spent on the first slide before starting the slideshow
continuous: 0, // true (1) to start next transition immediately after current one completes
timeout: 9000 // time spent on each slide
});
});
</script>
<meta name="description" content="My text."/>
<meta name="keywords" content="Keywords"/>
<!-- InstanceEndEditable -->
</head>
<body>
<div class="outer_width_1000" >
<div class="index_page_column_1" >
<div class="slideshow" >
<img src="home_page_cycle/image1.jpg" alt="image1"/>
<img src="home_page_cycle/image2.jpg" alt="image2"/>
<img src="home_page_cycle/image3.jpg" alt="image3"/>
<img src="home_page_cycle/image4.jpg" alt="image4"/>
</div>
Проблема для пользователей Macbook заключается в том, что изображения отображаются один за другим в четырех строках с наложением текста веб-сайта, который должен появляются под зацикленными изображениями. Это как "цикл" ссылки игнорируются. Есть ли у вас идеи, почему это происходит внезапно для MacBook Air с Safari? Спасибо за просмотр.