Responsive carrousel

Bonsoir à tous,
J'espère que je suis au bon endroit...
je suis à la recherche d'un "responsive carroussel."

J'ai trouvé ça: http://flex.madebymufffin.com/demo/
et ça : http://marktyrrell.com/labs/blueberry

Mais je me pose plusieurs questions sauf erreur de ma part (je suis un débutant):

1/ avec un max-width: 100% les images s'adaptent mais leurs poids restent identiques, du coup avec une connexion mobile le redimensionnement ne perd il pas tout son intérêt?

2/ si oui, y a t il un moyen de détecter la taille de l'écran et d'envoyer une image avec une taille et un poids optimisé ?

amicalement et merci d'avance,
yannick
Modifié par truitas (30 Aug 2011 - 22:57)

Bienvenue sur Alsacreations.com, un site dédié à l'apprentissage des standards du Web.

1/ ça dépend mais je dirais oui
2/ oui

Hello.

Pour compléter :

1- En termes de perf, oui. Le redimensionnement permet quand même de t'affranchir d'un scroll assez disgracieux.

2 - Pas mal de techniques à ce jour, toutes en JS à ma connaissance. Voir http://www.google.fr/search?q=responsive+design+images

Je n'arrive plus à trouver le lien, l'une d'entre elles consistait à détecter dès le onLoad la largeur d'écran, et si nécessaire changer le href d'une balise <base> pour pointer sur un sous-domaine où seront stockées les images pour le mobile.

Ça implique de bien penser toutes les urls du site, et d'avoir la possibilité de créer un sous-domaine.

Je n'ai pas fait d'essais pour peser le pour et le contre de la méthode, donc je ne peux pas t'en dire plus.

Bonjour, il existe comme dit florian_r un système qui change le base url, grace à un .htaccess et un script js.

http://filamentgroup.com/lab/responsive_images_experimenting_with_context_aware_image_sizing/

Sinon il y quelques jours ceci est passé sur smashing magazine et qui concerne précisément un slider, avec gestion des –gesture– pour la version mobile.

http://www.smashingmagazine.com/2011/08/24/freebie-responsive-jquery-slider-plugin-flexslider/

Bonjour à tous,
et merci pour la rapidité des réponses, je vais aller fouiller tout ça;

bonne journée

re-bonjour,
si jamais cela peut vous servir voici une alternative à la méthode de filamentgroup. Elle comporte certainement des inconvénients mais je ne suis pas assez expert pour les identifier:

http://adaptive-images.com/

amicalement