SutuShop modules Magento & PrestaShop
SutuShop modules Magento & PrestaShop
Home eTechnologies jQuery Slideshow jQuery compatible iPad, iPhone Android et autres mobiles

jQuery librairie
4 (80%) 1 vote

Pour l’un de nos client nous avons créé un slider / photo slideshow pour site mobile utilisant les fonctionnalités de navigation suivant / précédent par glisser sur l’écran tactile du mobile. Fonctionne sur iPhone, iPad, Android, iPod, …
Ci dessous deux exemples

[one_half][button link= »http://m.demo.sutunam.com/slider/simple/ » color= »green »] Démo basique[/button]

Un simple slider sans fioriture. Il est possible de modifier les effets de transition et très facile d’adapter le style

[/one_half]

[one_half_last] [button link= »http://m.demo.sutunam.com/slider/full-screen/ » color= »green »] Demo full screen – Avancée[/button]

Ce slider à la particularité d’être full screen et dispose de très nombreuses options. Notamment de centrage / scrop / crop des images.

[/one_half_last]

Testez ces sliders sur votre mobile et glisser simplement à droite ou gauche sur votre écran tactile pour faire défiler la photo suivante / précédente.
Utilisation très naturelle.

Les sliders sont basés sur jQuery, Touchswip et Sudoslider ou Supersized deux module jQuery.
Tous les deux sont très faciles a modifier. Jetez un coup d’œil au code source pour rapidement comprendre comment les modifier / personnaliser.

On peut par exemple utiliser le slider full screen pour faire un joli slider iPad en redimensionnant bien les photos.
Les deux slider fonctionnent à la fois sur mobile et navigateur classique. Aussi vous pouvez modifier via détection du user agent les images qui sont chargées (de même pour les options des sliders) afin de coller au navigateur utilisé: images plus petites sur mobile.

[button link= »http://www.sutublog.com/wp-content/uploads/2011/08/slider-jquery-swipe-Sutunam.zip » color= »green »] Télécharger[/button]

N’hésitez pas a donner votre feedback.

Sur le même sujet

  • Comment changer son mot de passe LinkedInComment changer son mot de passe LinkedIn Depuis hier, il y a un gros buzz sur les mots de passe LinkedIn dévoilé par un hacker en Russie. Plus de 6 millions de mot de passe qui ont été […]
  • Module Prestashop CrazyEgg GRATUITModule Prestashop CrazyEgg GRATUIT Nous avons développé un module Prestashop GRATUIT pour configurer CrazyEgg sur votre boutique Prestashop. Le module est compatible Prestashop 1.4 […]
  • Sutunam investit dans SporTroopsSutunam investit dans SporTroops L'agence web Sutunam spécialisée dans les solutions Open Source vient de prendre une participation minoritaire dans le réseau social mobile (SoLoMo) […]

Comments

comments

11 replies to this post
  1. I been looking for touch screen support jquery for a long time, i think your one is great. Is it possible to apply to other jquery slideshow?

  2. Hi
    when I click on an image, link is not triggered, it keeps on sliding…
    Any parameter to change ?
    Thanx

  3. How to work with dynamic images. mean number of images changes at the time on page load

  4. can i make it more than one image showing at same time, as this slideshow is showing one image at a time

  5. Is it possible to restrict it to only be triggered on a horizontal swipe direction? If the image fills the screen (which it easily does on an iphone) I can’t scroll down or up…

    Thanks

ECOMMERCE

5 8027

Si vous êtes un e commerçant il y a de très fortes chances que vous utilisiez Google Analytics et sa fonctionnalité de suivis des...