HTML 5 слайд-шоу - PullRequest
Новая
       3

HTML 5 слайд-шоу

0 голосов
/ 24 июля 2011

Я пытаюсь создать область, которая может динамически изменяться с помощью стрелок, поэтому я выбираю html5 слайд-шоу.

Я пытался сделать эту работу http://tutorialzine.com/2010/09/html5-canvas-slideshow-jquery/, но она не работает, это то, что я пытался сделать http://jsfiddle.net/frHV5/

Надеюсь, вы можете помочь мне, спасибо заранее

1 Ответ

2 голосов
/ 24 июля 2011

Первое: Вы не скопировали весь JavaScript.

Затем возникает проблема безопасности.Вы можете использовать холст для редактирования изображений только на местном уровне.Это означает, что следующее не будет работать: 

<li><img src="http://demo.tutorialzine.com/2010/09/html5-canvas-slideshow-jquery/img/photos/1.jpg" width="620" height="320" alt="Marsa Alam underawter close up" /></li>
<li><img src="http://demo.tutorialzine.com/2010/09/html5-canvas-slideshow-jquery/img/photos/2.jpg" width="620" height="320" alt="Turrimetta Beach - Dawn" /></li>
<li><img src="http://demo.tutorialzine.com/2010/09/html5-canvas-slideshow-jquery/img/photos/3.jpg" width="620" height="320" alt="Power Station" /></li>

Но это будет: 

<li><img src="1.jpg" width="620" height="320" alt="Marsa Alam underawter close up" /></li>
<li><img src="2.jpg" width="620" height="320" alt="Turrimetta Beach - Dawn" /></li>
<li><img src="3.jpg" width="620" height="320" alt="Power Station" /></li>

В итоге : просто правильно скопируйте JavaScript, CSS, скопируйте изображенияна вашем компьютере, отредактируйте URL-адреса в HTML и все.

...