Hi,
As I said you have to put the code right before the closing tag of the <div class="gallery sevenspikes-cloudzoom-gallery"> element.
Your code should look like this:
<div class="gallery">
<div class="picture" id="sevenspikes-cloud-zoom" data-zoomWindowElementId="@Model.ElementId"
data-selectorOfTheParentElementOfTheCloudZoomWindow="@Model.SettingsModel.SelectorOfTheParentElementOfTheCloudZoomWindow"
data-defaultImageContainerSelector="@Model.SettingsModel.DefaultImageContainerSelector">
<a href="@Model.DefaultPicture.FullSizeImageUrl" class="cloud-zoom" id="zoom1" rel="@Model.DefaultPicture.DefaultRelation">
<img src="@Model.DefaultPicture.SmallImageUrl" alt="@Model.DefaultPicture.AlternateText" title="@Model.DefaultPicture.Title" id="cloudZoomImage" />
</a>
</div>
@if (Model.Pictures.Count > 1)
{
<div class="picture-thumbs">
@if (Model.SettingsModel.EnablePictureThumbnailsInCarousel)
{
<ul id="carousel" class="jcarousel jcarousel-skin-thumbs">
@foreach (var picture in Model.Pictures)
{
<li><a href="@picture.FullSizeImageUrl" class="cloud-zoom-gallery" title="@picture.Title" rel="@picture.GalleryRelation">
<img class="cloud-zoom-gallery-img" src="@picture.TinyImageUrl" alt="@picture.AlternateText" title="@picture.Title"/>
</a></li>
}
</ul>
}
else
{
foreach (var picture in Model.Pictures)
{
<a href="@picture.FullSizeImageUrl" class="cloud-zoom-gallery" title="@picture.Title" rel="@picture.GalleryRelation">
<img class="cloud-zoom-gallery-img" src="@picture.TinyImageUrl" alt="@picture.AlternateText" title="@picture.Title" />
</a>
}
}
</div>
}
<div><a href="@Model.DefaultPicture.FullSizeImageUrl" target="_blank">Download Picture</a></div>
</div>
Hi,
It is strange that the link is not visible, but it does not matter, because I have thought of even a better way for showing this link. Remove the code I gave you and place this code:
<div><a href="@Model.DefaultPicture.FullSizeImageUrl" target="_blank">Download Picture</a></div>
<div><a href="@Model.DefaultPictureModel.FullSizeImageUrl" target="_blank">Download Picture</a></div>