Redimensionner auto un slideshow html5

Bonjour.

J'aimerais obtenir un redimensionnement auto (réduire) sur un slideshow html5. J'arrive sans problème à faire ça sur un Flash, mais là, je sèche. Le truc se présente comme suit :

      <div id="anvsoftJavaScriptSlideshow"> 
        <script src="anvsoftJavaScriptSlideshow-1.0.0.min.js?xml_path=slides.xml"></script> 
        <script>anvsoftJavaScriptSlideshow.init("anvsoftJavaScriptSlideshow");</script> 
      </div>

et je n'ai aucune idée de ce que je dois instruire en css. Pas faute d'avoir essayé. Mais je suis très loin d'être expert en la matière.


Une question subsidiaire :
J'ai fait ce slideshow en html5 pour pallier au truc des iphones (si j'ai bien compris, ces machins ne lisent pas le Flash ?) Mais j'aimerais conserver celui en Flash, plus joli à mon goût.
=> Existe-t-il un moyen simple (à ma portée) de détecter l'absence de plugin Flash et de renvoyer directement à une page alternative ou de proposer un lien vers cette page ? Je peux bidouiller du code, mais le Javascript est pour moi du chinois...

Merci.

Oups. Si ça peut aider, j'ai mis la page de test en ligne.

http://photos-photographe.fr/slideshow/maroc_test/maroc/
Modifié par RRCC (14 Jan 2013 - 02:03)

Bonjour,

Ce que tu cherches s'appelle "responsive webdesign" basé sur une technique CSS appelée "media queries". Tu dois pouvoir trouver assez facilement différents sliders responsive en faisant une recherche Google.

Par contre ton slider utilise des canvas, donc il va peut-être falloir jeter un coup d'oeil aussi au JavaScript.

Merci pour cette réponse.
Oui, j'ai un peu survolé la question, et le slideshow dont je dispose n'est a priori pas des plus simples à adapter. Je vais chercher plus "malléable".

Cette solution est pas mal :

http://adaptive-images.com/