Squarespace uses thumbnail images in two key ways. Page thumbnails appear in Index Pages and create per-page banner images in certain templates. Page thumbnail images appear in Index Pages and create per-page banner images in certain templates. Some templates use collection item thumbnails to create a banner image.
This lesson demonstrates how to do a touch-to-zoom animation, which is useful for apps such as photo galleries to animate a view from a thumbnail to a full-size image that fills the screen. Here's what a touch-to-zoom animation looks like that expands an image thumbnail to fill the screen:. Create a layout file that contains the small and large version of the content that you want to zoom. The following example creates an ImageButton for clickable image thumbnail and an ImageView that displays the enlarged view of the image:. Once you apply your layout, set up the event handlers that trigger the zoom animation. The following example adds a View. OnClickListener to the ImageButton to execute the zoom animation when the user clicks the image button:.
Drag and drop anywhere you want and start uploading your images now. The uploaded content will be moved to this newly created album. You must create an account or sign in if you want to edit this album later on.
You can edit your photos directly on your iPad without having to download a third-party app. The options available include rotating, changing colors, adding filters, and cropping. Using one or several of these features will get your photos looking better and use the iPad's large screen to its full advantage.