How to send a image to another page using phonegap
<p>I am very new to using HTML, CSS and JS etc in Phone gap. </p>

<p>I have no idea how to approach this problem. i have done some research but it doesn't make sense to me. </p>

<p>I have a page of small symbols</p>

<pre><code>&lt;a href="largeSymbol.html" class="symbol"&gt; &lt;img src="img/car.png" alt="car"&gt;&lt;/a&gt; 
&lt;a href="largeSymbol.html" class="symbol"&gt; &lt;img src="img/lorry.png" alt="lorry"&gt;&lt;/a&gt; 
&lt;a href="largeSymbol.html" class="symbol"&gt; &lt;img src="img/house.png" alt="house"&gt;&lt;/a&gt; 
</code></pre>

<p>When the user clicks one of these symbol I want the image to be sent to the large symbol page where it will show the symbol enlarged.</p>

<p>If the user goes back and chooses another symbol i want it to overwrite this image.</p>

<p>how can i code this into my application?</p>

<p>I initially thought i could create a enlarged symbol page for each symbol but this would mean there would be over 300 pages. Therefore why im trying to figure out how to use one enlarged symbol page which all the symbols can be enlarged and seen on. </p>