Coverflow Ajax

Coverflow Ajax

Protoflow (basé sur protoype et scriptaculous) vous permet de réaliser un coverflow en ajax à la sauce iphone.

Auteur : zorrito

Son site web | Articles de zorrito

Voici un petit aperçu de ce que vous aller pouvoir faire.
Faites glisser le curseur et vous verrez les pochettes bouger, ou bouger la molette de votre souris.

Cliquer directement ici et afficher la source pour pouvoir apprendre à réaliser ce coverflow.
Ou alors télécharger les fichiers ici même.

Vous aimez ce billet? Partagez le!

  • Tweet
  • Facebook
  • Diggit
  • Delicious
  • Diggit
  • Diggit
  • Diggit

partenaire

Billet(s) sur le même sujet


Commentaires


  1. beno59
    2 juillet 2008

    Bonjour,
    ton coverflow me plait bien félicitations, mais quand je clique sur « télécharger les fichiers ici même. » je tombe sur un page de code de fou, est-ce normal?
    merci de me répondre car je cherche un effet coverflow de ce type à integrer dans un site ssur lequel je bosse,

    encore bravo pur cet effet,

    Beno

    Répondre


  2. zorrito
    2 juillet 2008

    En effet sous firefox, quand on clic sur le fichier rar ça ne marche pas très bien.
    Sous firefox tu peux faire, clic droit enregistrer la cible du lien sous ou alors passer par IE.
    En espérant t’avoir aidé.

    Répondre


  3. graffiti
    15 octobre 2008

    Bonjour zorrito,
    très joli comme effet, cependant ne serait ce pas plus logigue d’utiliser le meme principe que le vrai coverflow
    a savoir « le click », je pense aux personnes n’ayant pas de molette sur leurs souris (macusers)
    un click sur l’image centrale afficherait une bulle avec le lien vers la ressource ou vers ce que l’on désire (html, vidéo, etc…)
    un click sur une image précedente/suivante afficherait l’image au centre.
    bon, ce n’est qu’une suggestion, j’imagine que ca représente du boulot.
    Aussi que se passe-t-il si on met des images plutôt au format paysage (genre panoramique)
    Ah et dernière petite suggestion, il n’y a pas de transparence sur le reflet normalement…

    Keusta

    Répondre


  4. Justine
    20 janvier 2009

    Bonjour
    Très joli ton coverflow.
    Je suis une fausse débutante, c’est-à-dire que je sais un peu de tout un peu de rien ;-) Là où je veux en venir : je n’y connais rien en Ajax. Est-ce que je peux comprendre quelque chose dans les fichiers .js ou faut-il que je me mette à étudier Ajax et Java ? Qu’est-ce que je modifie pour que ça fonctionne avec mes propres images par exemple et comment est-ce que j’installe tout ça ? Si « débutants s’abstenir » tu peux me le dire. Peux-tu me donner une piste par où commencer ?
    Merci d’avance.
    Justine.

    Répondre


  5. zorrito
    21 janvier 2009

    Télécharge les fichiers source ici même.
    http://www.zorrito.com/code/coverflow/coverflow.rar

    Ensuite il te suffit de changer tes images et de jouer avec le css pour modifier les tailles et c’est tout bon.

    Répondre


  6. ropi59
    11 mars 2009

    bonjour,
    j’ai téléchargé les fichiers mais je n’arrive pas a les integrer a un portefolio que je réalise.
    est ce que quelqu’un peux m’aider?
    merci

    Répondre


  7. Super
    6 avril 2009

    Bonjour,

    Tout d’abord félicitation pour ton coverflow, vraiment très bien, et très facile à utiliser. Cependant, je me permets de faire une petite remarque et demander de l’aide par la même occasion. Le système fonctionne très bien, Juste, j’aimerais savoir si il est possible d’afficher tout le texte du alt. Car il ne me prend que le premier mot, et je n’arrive pas à afficher le reste du descriptif du de l’attribut alt. Si quelqu’un peu m’indiquer une piste ou la modification à réaliser dans le protoflow.js (enfin je pense).

    Merci par avance

    bonne journée

    Répondre


  8. zorrito
    6 avril 2009

    Dans le fichier index.html quand je fais ceci.

    < a href="http://www.zorrito.com" target="_blank" rel="nofollow">< img src="imgs/cover1.jpg" alt="Zorrito balise alt"/>

    je vois bien tout le contenu du alt.
    Tu utilises quel navigateur?

    Répondre


  9. Super
    6 avril 2009

    Désolé de t’avoir dérangé, le soucis venait de moi, puisque j’ai mis des  » au lieux de ‘ dans mon code php, ce qui provoquait le dysfonctionnement. Encore désolé pour le dérangement, et merci pour la rapidité de réponse.

    Bonne journée et bon courage pour la suite

    A bientôt

    Répondre


  10. Filleul Alexis
    25 juin 2009

    Bonjour,

    j’aimerais savoir s’il est possible de mettre des liens sur les images et si oui comment car moi je n’y arrive pas même en mettant des liens simples avec la balise «  » avant l’image.

    Merci de votre aide

    Répondre


  11. Filleul Alexis
    25 juin 2009

    je voulais parler du MooFlow

    Répondre


  12. Viddal
    4 mars 2010

    Salut.

    Très sympa ce coverflow.

    Ca fonctionne bien sous firefox mais sous ie ma page tourne au ralenti (aussi bien le coverflow que le flash de la page).

    Le message d’erreur de ie est: Caractère incorrect dans lib/resizable.js
    Mais ce fichier n’existe pas…

    Si quelqu’un sait d’ou ça vient alors merci d’avance.

    Répondre


  13. doublen92
    3 octobre 2010

    Ton truc ressemble beaucoup à PROTOFLOW (projet open source)
    liens
    http://www.deensoft.com/lab/protoflow/

    le problème est que sur chrome ça marche pas trop le reflet.

    bon salut

    Répondre


    • zorrito
      3 octobre 2010

      En effet cela était précisé dans le texte :)

      Répondre

Laisser un commentaire

Rss Feeds   Twitter Followers Email Updates

Mes réalisations







Liens de la communauté

Il n'y a pas encore eu de soumission de lien, soyez le premier.


Soumettre Plus

 

theme wordpress unite