JqxPhotoGallery: Difference between revisions

From NSB App Studio
Jump to navigation Jump to search
m →‎onpageChanged (BASIC): Changing Page to curPage so this sample actually works.
Line 30: Line 30:
Function PhotoGallery1_onpageChanged(event)
Function PhotoGallery1_onpageChanged(event)
   Dim curPage
   Dim curPage
   Page = event.args.currentPage
   curPage = event.args.currentPage
   console.log(curPage)
   console.log(curPage)
End Function
End Function

Revision as of 19:21, 7 July 2013

Description

PhotoGallery displays a slide show of images. It is based on the jqWidgets jqxScrollView widget.

Properties and Methods

See the complete documentation at jqWidget's site: http://www.jqwidgets.com/jquery-widgets-documentation/documentation/jqxscrollview/jquery-scrollview-getting-started.htm

Example

Functions

Enable/Disable slideShow

Function Button1_onclick()
  $("#PhotoGallery1").jqxScrollView({ slideShow: True });
End Function

Function Button2_onclick()
  $("#PhotoGallery1").jqxScrollView({ slideShow: False });
End Function

Events

onpageChanged (BASIC)

This event is triggered when the current page is changed.

Function PhotoGallery1_onpageChanged(event)
  Dim curPage
  curPage = event.args.currentPage
  console.log(curPage)
End Function

pageChanged (JavaScript)

JavaScript

 $('#PhotoGallery1').bind('pageChanged', function (event) 
  {
    var curPage = event.args.currentPage;
    console.log(curPage);
  });
  
End JavaScript   

Output

See above.