Pokaz slajdów HTML 5 - html, css, html5, pokaz slajdów

Próbuję stworzyć obszar, który można zmienić dinamicznie za pomocą strzałek, więc wybieram pokazy slajdów HTML5.

Próbowałem to zrobić http://tutorialzine.com/2010/09/html5-canvas-slideshow-jquery/ ale to nie działa, to właśnie starałem się zrobić http://jsfiddle.net/frHV5/

Mam nadzieję, że możesz mi pomóc, z góry dzięki

Odpowiedzi:

Pierwszy: nie skopiowałeś całego JavaScript.

Wtedy pojawia się problem bezpieczeństwa. Możesz użyć kanwy do edycji obrazów tylko na poziomie lokalnym. Oznacza to, że następujące działania nie będą działać:

<li><img src="/images/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="/images/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="/images/http://demo.tutorialzine.com/2010/09/html5-canvas-slideshow-jquery/img/photos/3.jpg" width="620" height="320" alt="Power Station" /></li>

Ale to będzie:

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

W podsumowaniu: Po prostu skopiuj poprawnie javascript, CSS, skopiuj obrazy na swój komputer, edytuj adresy URL w HTML i to wszystko.