Comment remplacer les animations flash comme ça?

Question

Quelle est la technologie utilisée ici? (Ne vous inquiétez pas, ce ne est pas porno malgré l'url)

http://www.dirtyphonebook.com/dashboard/425-205-1921

Il anime un peu comme Flash, mais quand je clique droit il n'y a pas de menu Flash.

Est-ce quelque chose comme toile ou javascript?

Answer 1

Combinaison d'images, svg et Raphaël—JavaScript Library

(http://raphaeljs.com/)

Answer 2

Firebug montre qu'il est SVG:

<div id="dashboard_container"> 
    <svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="875" height="315"> 
    <desc> 
     Created with Raphaël 
    </desc> 
    <defs/> 
    <image x="0" y="0" width="875" height="315" preserveAspectRatio="none" href="http://img17.dirtyphonebookstatic.com/images/dashboard/dashboard.1269592899.jpg"/> 
    <image x="185.75" y="125.125" width="16.5" height="60.75" preserveAspectRatio="none" href="http://img17.dirtyphonebookstatic.com/images/dashboard/arrow.1269592899.gif" r="NaN" transform="rotate(-10.7522, 194, 174)"/> 
    <image x="300.2" y="113.1" width="17.6" height="64.8" preserveAspectRatio="none" href="http://img17.dirtyphonebookstatic.com/images/dashboard/arrow.1269592899.gif" r="NaN" transform="rotate(19.6304, 310, 168)"/> 
    <image x="425" y="95" width="22" height="81" preserveAspectRatio="none" href="http://img17.dirtyphonebookstatic.com/images/dashboard/arrow.1269592899.gif" transform="rotate(-60.8551, 437, 160)"/> 
    <image x="552.87" y="112.885" width="18.259999999999998" height="67.22999999999999" preserveAspectRatio="none" href="http://img17.dirtyphonebookstatic.com/images/dashboard/arrow.1269592899.gif" r="NaN" transform="rotate(53.5478, 564, 166)"/> 
    <image x="670.75" y="125.125" width="16.5" height="60.75" preserveAspectRatio="none" href="http://img17.dirtyphonebookstatic.com/images/dashboard/arrow.1269592899.gif" r="NaN" transform="rotate(73.5362, 679, 174)"/> 
    <image x="341" y="207" width="57" height="45" preserveAspectRatio="none" href="http://img17.dirtyphonebookstatic.com/images/dashboard/red_glow.1269592899.png"/> 
    <image x="473" y="207" width="57" height="45" preserveAspectRatio="none" href="http://img17.dirtyphonebookstatic.com/images/dashboard/red_glow.1269592899.png"/> 
    </svg> 
</div> 

Lire la basic info about SVG