I want to:
- Show an image full width
- On click, make a small sized image placed at a particular location starting from top left and show another image full width
- Repeat the process till all four images are shown
- End with a grid of four images vertically and horizontally centered
The problems I am facing is:
- The location of the grid images changes as the third image (bottom-left) in the grid is displayed
Possible improvements I am looking at are:
- When I go from full width image to the 'overview' slide, the transition should be like zooming the image to that location
- Better code than the one I have used?
Below is the MWE.
\documentclass[xcolor=dvipsnames,english,professionalfonts,smaller]{beamer}
\usetheme{Madrid}
\usepackage{graphicx}
\usepackage{parskip}
\usepackage{mwe}
\graphicspath{{.}{./image}}
\begin{document}
\setlength{\parskip}{\bigskipamount}
\begin{frame}{Title Text}
\only <+ | handout:0> {\hfil \fbox{\includegraphics[width={\textwidth}]{example-image-16x9}}}
\only <+ | handout:0> {\fbox{\includegraphics[width={.470\textwidth}]{example-image-16x9}} \hfill}
\only <. | handout:0> {\phantom{\fbox{\includegraphics[width={.470\textwidth}]{example-image-16x9}}} \\ \vspace{.09in}}
\only <. | handout:0> {\phantom{\fbox{\includegraphics[width={.470\textwidth}]{example-image-16x9}}} \hfill}
\only <. | handout:0> {\phantom{\fbox{\includegraphics[width={.470\textwidth}]{example-image-16x9}}}}
\transduration<.>{.01}
\only <+ | handout:0> {\fbox{\includegraphics[width={\textwidth}]{example-image-16x9}}}
\only <+ | handout:0> {\fbox{\includegraphics[width={.470\textwidth}]{example-image-16x9}} \hfill}
\only <. | handout:0> {\fbox{\includegraphics[width={.470\textwidth}]{example-image-16x9}} \\ \vspace{.09in}}
\only <. | handout:0> {\phantom{\fbox{\includegraphics[width={.470\textwidth}]{example-image-16x9}}} \hfill}
\only <. | handout:0> {\phantom{\fbox{\includegraphics[width={.470\textwidth}]{example-image-16x9}}}}
\transduration<.>{.01}
\only <+ | handout:0> {\fbox{\includegraphics[width={\textwidth}]{example-image-16x9}}}
\only <+ | handout:0> {\fbox{\includegraphics[width={.470\textwidth}]{example-image-16x9}} \hfill}
\only <. | handout:0> {\fbox{\includegraphics[width={.470\textwidth}]{example-image-16x9}} \\ \vspace{.09in}}
\only <. | handout:0> {\fbox{\includegraphics[width={.470\textwidth}]{example-image-16x9}} \hfill}
\only <. | handout:0> {\phantom{\fbox{\includegraphics[width={.470\textwidth}]{example-image-16x9}}}}
\transduration<.>{.01}
\only <+ | handout:0> {\fbox{\includegraphics[width={\textwidth}]{example-image-16x9}}}
\only <+ | handout:0> {\fbox{\includegraphics[width={.470\textwidth}]{example-image-16x9}} \hfill}
\only <. | handout:0> {\fbox{\includegraphics[width={.470\textwidth}]{example-image-16x9}} \\ \vspace{.09in}}
\only <. | handout:0> {\fbox{\includegraphics[width={.470\textwidth}]{example-image-16x9}} \hfill}
\only <. | handout:0> {\fbox{\includegraphics[width={.470\textwidth}]{example-image-16x9}}}
\end{frame}
\end{document}