jQuery Проблемы с слайд-шоу - слайд-шоу не работает

Я пытаюсь создать веб-страницу, которая проходит через все содержимое в папке и представляет ее содержимое в виде слайд-шоу. Ниже мой базовый код, где я пытаюсь получить результаты от glob() и отобразить все файлы .jpg в папке pictures/.jQuery Проблемы с слайд-шоу - слайд-шоу не работает

<!DOCTYPE html> 



<html> 
<head> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> 
<script src="http://malsup.github.com/jquery.cycle2.js"></script> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" > 
<meta name="viewport" content="width=device-width, initial-scale=1.0"> 
<style type="text/css"> 

body{ 
background-color: white; 
} 
</style> 
</head> 

<body> 


<div class="cycle-slideshow" 
    data-cycle-fx="scrollHorz" 
    data-cycle-loader=true 
    data-cycle-timeout="0" 
    data-cycle-prev="#prev" 
    data-cycle-next="#next" 
    > 
     <?php 
     $folder = 'pictures/'; 
     $filetype = '*.jpg'; 
     $files = glob($folder.$filetype); 
     $count = count($files); 
     for ($i = 0; $i < $count; $i++) { 
      echo '"'; echo '<img src="'.$files[$i].'" width="80%" height="60%"/>'; echo '"'; 
     } 
     ?> 

</div> 
</body> 
</html>

источник

2015-03-20 Ryan_W4588

Существует ошибка, никогда не используйте скриптовый тег с идентификатором, что неправильно, я думаю. просто удалить тег сценария

<!DOCTYPE html> 



<html> 
<head> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> 
<script src="http://malsup.github.com/jquery.cycle2.js"></script> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" > 
<meta name="viewport" content="width=device-width, initial-scale=1.0"> 
<style type="text/css"> 

body{ 
background-color: white; 
} 
</style> 
</head> 

<body> 


<div class="cycle-slideshow"> 
    <div class="cycle-prev" style="position:relative;float:left;cursor:pointer">PREV</div> 
    <div class="cycle-next" style="position:relative;float:right;cursor:pointer">NEXT</div> 
     <?php 
     $folder = 'pictures/'; 
     $filetype = '*.jpg'; 
     $files = glob($folder.$filetype); 
     $count = count($files); 
     for ($i = 0; $i < $count; $i++) { 
      echo '<img src="'.$files[$i].'" width="80%" height="60%"/>'; 
     } 
     ?> 

</div> 
</body> 
</html>

Вы можете сделать массив изображения в тег сценария, если вы хотите, чтобы добавить слайды динамически позже. Надежда выше работает

источник

2015-03-20 02:28:00

Я все еще получаю ту же ошибку при выполнении этого исправления. –

какое сообщение об ошибке вы получаете? –

Это странная вещь. Я не получаю сообщений об ошибках, только ничего не видно из-за фона. –

jQuery Проблемы с слайд-шоу - слайд-шоу не работает

ответ

Смежные вопросы