Mitt i en icke-existerande junivärme berättade vi om Reflection.js, ett smart litet skript som låter dig skapa spegeleffekter på bilder utan Photoshop eller liknande verktyg. Skriptet applicerade nämligen denna reflektion helt automatiskt.
En frågeställning som dök upp efter det inlägget var huruvida man kunde få bilderna att avge en spegling även i perspektiv, såsom Cover Flow i iTunes och Leopard gör. Svaret var då nej, men nu har en spännande lösning vid namn “Reflex.js” dykt upp. Fungerar på ungefär samma sätt som Reflection.js, fast med några fler inställningsmöjligheter.
Inget av skripten har i dag stöd för någon animering, så Cover Flow är det i sanningens namn inte. Fast javascriptanimationer finns över allt så det är väl bara en tidsfråga innan lösningen finns på en blogg nära dig.
/Leijon
4 kommentarer till “Cover Flow på din webbsajt”
Om man klarar sig med flash finns det redan nu flera alternativ att välja på, bl.a.:
http://www.n99creations.com/vieweg.php?id=14
http://www.quietlyscheming.com/blog/components/tutorial-displayshelf-component/
Det borde ju inte vara så svårt att fixa med hjälp av Prototype. Använd deras slider och bygg sen lite kod som kollar om övriga bilder ligger till höger eller vänster om aktuell bild.
Borde inte ta så lång tid om man orkar fixa det…
Det gick ju fort att fixa när man satte sig in i lite JavaScript också!
Snygg/laggig imitation finns på http://bergs.mine.nu/coverflow
Eller så gör man det i flash…
På http://www.jerlov.se finns en coverflow-liknande funktion för att visa jobben.
Flashsajten i sig kan man säga vad man vill om, men funktionen för jobb ser snajdig ut.
Klicka på juvelen uppe i menyn