JqxPhotoGallery: Difference between revisions

From NSB App Studio
Jump to navigation Jump to search
Line 29: Line 29:
<pre>
<pre>
Function PhotoGallery1_onpageChanged(event)
Function PhotoGallery1_onpageChanged(event)
   Dim Page
   Dim curPage
   Page = event.args.currentPage
   Page = event.args.currentPage
   console.log(Page)
   console.log(curPage)
End Function
End Function
</pre>
==== pageChanged (JavaScript) ====
<pre>
JavaScript
$('#PhotoGallery1').bind('pageChanged', function (event)
  {
    var curPage = event.args.currentPage;
    console.log(curPage);
  });
 
End JavaScript 
</pre>
</pre>



Revision as of 14:53, 14 May 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
  Page = 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.