static PhotoGridPage()
{
jQuery.OnDocumentReady(delegate() {
string apiKey = (string)jQuery.FromElement(Document.Body).GetDataValue("flickrKey");
IPhotoService flickrService = new FlickrPhotoService();
jQuery.Select("#searchButton").Click(delegate(jQueryEvent e) {
string tags = jQuery.Select("#tagsTextBox").GetValue();
flickrService.SearchPhotos(tags, 20).Done(
delegate(IEnumerable <Photo> photos) {
jQueryObject thumbnailList = jQuery.Select("#thumbsList");
thumbnailList.Empty();
if (photos == null)
{
return;
}
jQuery.Select("#thumbnailTemplate").Plugin <jQueryTemplateObject>().
RenderTemplate(photos).
AppendTo(thumbnailList);
thumbnailList.
Plugin <jQueryIsotopeObject>().Isotope(new IsotopeOptions("layoutMode", IsotopeLayout.Masonry)).
Find("a").
Plugin <jQueryLightBoxObject>().LightBox();
thumbnailList.Find("li").
MouseOver(delegate(jQueryEvent e2) {
jQuery.This.CSS("box-shadow", "0 0 15px #888");
}).
MouseOut(delegate(jQueryEvent e2) {
jQuery.This.CSS("box-shadow", "");
});
});
jQuery.FromElement(Document.Body).Focus();
e.PreventDefault();
});
});
}
static PhotoGridPage()
{
jQuery.OnDocumentReady(delegate() {
string apiKey = (string)jQuery.FromElement(Document.Body).GetDataValue("flickrKey");
IPhotoService flickrService = new FlickrPhotoService();
jQuery.Select("#searchButton").Click(delegate(jQueryEvent e) {
string tags = jQuery.Select("#tagsTextBox").GetValue();
flickrService.SearchPhotos(tags, 20).Done(
delegate(IEnumerable<Photo> photos) {
jQueryObject thumbnailList = jQuery.Select("#thumbsList");
thumbnailList.Empty();
if (photos == null) {
return;
}
jQuery.Select("#thumbnailTemplate").Plugin<jQueryTemplateObject>().
RenderTemplate(photos).
AppendTo(thumbnailList);
thumbnailList.
Plugin<jQueryIsotopeObject>().Isotope(new IsotopeOptions("layoutMode", IsotopeLayout.Masonry)).
Find("a").
Plugin<jQueryLightBoxObject>().LightBox();
thumbnailList.Find("li").
MouseOver(delegate(jQueryEvent e2) {
jQuery.This.CSS("box-shadow", "0 0 15px #888");
}).
MouseOut(delegate(jQueryEvent e2) {
jQuery.This.CSS("box-shadow", "");
});
});
jQuery.FromElement(Document.Body).Focus();
e.PreventDefault();
});
});
}
static PhotoTilesPage()
{
jQuery.OnDocumentReady(delegate() {
string apiKey = (string)jQuery.FromElement(Document.Body).GetDataValue("flickrKey");
IPhotoService flickrService = new FlickrPhotoService();
jQuery.Select("#searchButton").Click(delegate(jQueryEvent e) {
string tags = jQuery.Select("#tagsTextBox").GetValue();
flickrService.SearchPhotos(tags, 20).Done(
delegate(IEnumerable <Photo> photos) {
jQueryObject thumbnailList = jQuery.Select("#thumbsList");
thumbnailList.Empty();
if (photos == null)
{
return;
}
int photoIndex = 0;
foreach (Photo photo in photos)
{
if (photoIndex % 6 == 0)
{
jQuery.Select("#bigThumbnailTemplate").Plugin <jQueryTemplateObject>()
.RenderTemplate(photo)
.AppendTo(thumbnailList);
}
else if ((photoIndex % 3 == 0) || (photo.imageWidth == photo.imageHeight))
{
jQuery.Select("#sqThumbnailTemplate").Plugin <jQueryTemplateObject>()
.RenderTemplate(photo)
.AppendTo(thumbnailList);
}
else if (photo.thumbnailWidth > photo.thumbnailHeight)
{
jQuery.Select("#horzThumbnailTemplate").Plugin <jQueryTemplateObject>()
.RenderTemplate(photo)
.AppendTo(thumbnailList);
}
else
{
jQuery.Select("#vertThumbnailTemplate").Plugin <jQueryTemplateObject>()
.RenderTemplate(photo)
.AppendTo(thumbnailList);
}
photoIndex++;
}
GridsterOptions gridOptions = new GridsterOptions();
gridOptions.Margins = new int[] { 10, 10 };
gridOptions.BaseDimensions = new int[] { 140, 140 };
thumbnailList.Plugin <jQueryGridsterObject>().Gridster(gridOptions)
.Find("a")
.Plugin <jQueryLightBoxObject>().LightBox();
GridsterObject gridster =
(GridsterObject)thumbnailList.GetDataValue("gridster");
gridster.DisableDragging();
});
jQuery.FromElement(Document.Body).Focus();
e.PreventDefault();
});
});
}
static PhotoTilesPage()
{
jQuery.OnDocumentReady(delegate() {
string apiKey = (string)jQuery.FromElement(Document.Body).GetDataValue("flickrKey");
IPhotoService flickrService = new FlickrPhotoService();
jQuery.Select("#searchButton").Click(delegate(jQueryEvent e) {
string tags = jQuery.Select("#tagsTextBox").GetValue();
flickrService.SearchPhotos(tags, 20).Done(
delegate(IEnumerable<Photo> photos) {
jQueryObject thumbnailList = jQuery.Select("#thumbsList");
thumbnailList.Empty();
if (photos == null) {
return;
}
int photoIndex = 0;
foreach (Photo photo in photos) {
if (photoIndex % 6 == 0) {
jQuery.Select("#bigThumbnailTemplate").Plugin<jQueryTemplateObject>()
.RenderTemplate(photo)
.AppendTo(thumbnailList);
}
else if ((photoIndex % 3 == 0) || (photo.imageWidth == photo.imageHeight)) {
jQuery.Select("#sqThumbnailTemplate").Plugin<jQueryTemplateObject>()
.RenderTemplate(photo)
.AppendTo(thumbnailList);
}
else if (photo.thumbnailWidth > photo.thumbnailHeight) {
jQuery.Select("#horzThumbnailTemplate").Plugin<jQueryTemplateObject>()
.RenderTemplate(photo)
.AppendTo(thumbnailList);
}
else {
jQuery.Select("#vertThumbnailTemplate").Plugin<jQueryTemplateObject>()
.RenderTemplate(photo)
.AppendTo(thumbnailList);
}
photoIndex++;
}
GridsterOptions gridOptions = new GridsterOptions();
gridOptions.Margins = new int[] { 10, 10 };
gridOptions.BaseDimensions = new int[] { 140, 140 };
thumbnailList.Plugin<jQueryGridsterObject>().Gridster(gridOptions)
.Find("a")
.Plugin<jQueryLightBoxObject>().LightBox();
GridsterObject gridster =
(GridsterObject)thumbnailList.GetDataValue("gridster");
gridster.DisableDragging();
});
jQuery.FromElement(Document.Body).Focus();
e.PreventDefault();
});
});
}