Image panning and zooming effect
View Patent ↗In one embodiment, when an image is displayed on an electronic device, the image may be panned from one portion to another portion based on information associated with the image or a user viewing the image. In some embodiments, the image may pan starting from a leftmost user in the image and moving to the rightmost user in the image. In some embodiments, the image may pan starting from a specific user near the center of the image and zooming outward until the entire image is displayed. In some embodiments, the image may pan starting from a first user in the image having a highest affinity with the user viewing the image, and ending with a second user in the image having a lowest affinity with the user viewing the image.
1. A computer-implemented method comprising:
displaying an image on an electronic device to a user of a social-networking system, the image comprising content downloaded from a social graph of the social-networking system, wherein the social graph comprises a plurality of nodes and edges connecting the nodes, and at least one node of the social graph corresponds to the user;
determining a relationship between the content of the image and the node corresponding to the user accessing the image based on the social graph of the social-networking system; and
displaying an animation of panning the image to display at least a first portion of the image before a second portion of the image to the user accessing the image based on displaying a movement of the image that is determined based on the relationship between the content of the image and the node corresponding to the user of the social-networking system, the first portion of the image being different from the second portion of the image.
2. The method of claim 1 , wherein:
the image comprises a plurality of users; and
the image is panned starting from a leftmost user in the image, moving from left to right, and ending with a rightmost user in the image.
3. The method of claim 1 , wherein:
the image comprises one or more users; and
the image is panned starting from a specific user near the center of the image and zooming outward until the entire image is displayed.
4. The method of claim 1 , wherein:
the image comprises a plurality of users; and
the image is panned starting from a first user in the image having a highest affinity with the node corresponding to the user accessing the image and ending with a second user in the image having a lowest affinity with the node corresponding to the user accessing the image.
5. The method of claim 1 , wherein:
the image comprises one or more users;
the image is panned in response to the user accessing the image selecting a specific user in the image; and
the image is panned starting from the specific user selected by the user accessing the image.
6. The method of claim 1 , wherein:
the image comprises a plurality of users;
a content item associated with a specific user in the image is displayed with the image on the electronic device; and
the image is panned starting from the specific user associated with the content item.
7. One or more computer-readable non-transitory storage media embodying software that is operable when executed to:
display an image on an electronic device to a user of a social-networking system, the image comprising content downloaded from a social graph of the social-networking system, wherein the social graph comprises a plurality of nodes and edges connecting the nodes, and at least one node of the social graph corresponds to the user;
determine a relationship between the content of the image and the node corresponding to the user accessing the image based on the social graph of the social-networking system; and
display an animation of panning the image to display at least a first portion of the image before a second portion of the image to the user accessing the image based on displaying a movement of the image that is determined based on the relationship between the content of the image and the node corresponding to the user of the social-networking system, the first portion of the image being different from the second portion of the image.
8. The media of claim 7 , wherein:
the image comprises a plurality of users; and
the image is panned starting from a leftmost user in the image, moving from left to right, and ending with a rightmost user in the image.
9. The media of claim 7 , wherein:
the image comprises one or more users; and
the image is panned starting from a specific user near the center of the image and zooming outward until the entire image is displayed.
10. The media of claim 7 , wherein:
the image comprises a plurality of users; and
the image is panned starting from a first user in the image having a highest affinity with the node corresponding to the user accessing the image and ending with a second user in the image having a lowest affinity with the node corresponding to the user accessing the image.
11. The media of claim 7 , wherein:
the image comprises one or more users;
the image is panned in response to the user accessing the image selecting a specific user in the image; and
the image is panned starting from the specific user selected by the user accessing the image.
12. The media of claim 7 , wherein:
the image comprises a plurality of users;
a content item associated with a specific user in the image is displayed with the image on the electronic device; and
the image is panned starting from the specific user associated with the content item.
13. A system comprising:
one or more processors; and
a memory coupled to the processors comprising instructions executable by the processors, the processors operable when executing the instructions to:
display an image on an electronic device to a user of a social-networking system, the image comprising content downloaded from a social graph of the social-networking system, wherein the social graph comprises a plurality of nodes and edges connecting the nodes, and at least one node of the social graph corresponds to the user;
determine a relationship between the content of the image and the node corresponding to the user accessing the image based on the social graph of the social-networking system; and
display an animation of panning the image to display at least a first portion of the image before a second portion of the image to the user accessing the image based on displaying a movement of the image that is determined based on the relationship between the content of the image and the node corresponding to the user of the social-networking system, the first portion of the image being different from the second portion of the image.
14. The system of claim 13 , wherein:
the image comprises a plurality of users; and
the image is panned starting from a leftmost user in the image, moving from left to right, and ending with a rightmost user in the image.
15. The system of claim 13 , wherein:
the image comprises one or more users; and
the image is panned starting from a specific user near the center of the image and zooming outward until the entire image is displayed.
16. The system of claim 13 , wherein:
the image comprises a plurality of users; and
the image is panned starting from a first user in the image having a highest affinity with the node corresponding to the user accessing the image and ending with a second user in the image having a lowest affinity with the node corresponding to the user accessing the image.
17. The system of claim 13 , wherein:
the image comprises one or more users;
the image is panned in response to the user accessing the image selecting a specific user in the image; and
the image is panned starting from the specific user selected by the user accessing the image.
18. The system of claim 13 , wherein:
the image comprises a plurality of users;
a content item associated with a specific user in the image is displayed with the image on the electronic device; and
the image is panned starting from the specific user associated with the content item.