jquery clone image
<p>If I'm getting image collection on my page, and want to display automatically cloned image in div placeholder which jquery function should I use. I have bellow code which works fine with cloned images onclick, now I need to first image from collection be loaded only if image collection is != null. </p>

<pre><code>   foreach (var item in Model.Photos)
    {
      &lt;img id="@item.Id" class="details" width="50" height="50" alt="" src="@Url.Action("GetImage",  "Property", new { id = item.Id })" /&gt;
    }
</code></pre>

<p>then I'm using jquery clone function to display cloned image in div placeholder.
What I need is to have some automatically load first image from Model.Photos collection.
I was thinking something like</p>

<pre><code>@if (Model.Photos == null)
{ 
  &lt;td style="text-align: right;"&gt; No Image ! &lt;/td&gt;
}
else
  **Model.Photos[0] load ?**
{
  foreach (var item in Model.Photos)
  {
     &lt;img id="@item.Id" class="details" width="50" height="50" alt="" src="@Url.Action("GetImage", "Property", new { id = item.Id })" /&gt;
  }
}
</code></pre>
