JqxPhotoGallery - Revision history

Ghenne: /* Properties and Methods */

2016-04-07T17:19:12Z

Properties and Methods

← Older revision		Revision as of 17:19, 7 April 2016
Line 8:		Line 8:
	== Properties and Methods ==		== Properties and Methods ==

	~~See~~ the ~~complete documentation at~~ jqWidget's ~~site~~:		This control is well documented on the jqWidget's website: http://www.jqwidgets.com/jquery-widgets-documentation/.
	http://www.jqwidgets.com/jquery-widgets-documentation/~~documentation/jqxscrollview/jquery-scrollview-getting-started~~.~~htm~~

	== Example ==		== Example ==

2013-08-30T12:56:01Z

Description

← Older revision		Revision as of 12:56, 30 August 2013
Line 3:		Line 3:
	== Description ==		== Description ==
	PhotoGallery displays a slide show of images. It is based on the jqWidgets jqxScrollView widget.		PhotoGallery displays a slide show of images. It is based on the jqWidgets jqxScrollView widget.

			jqWidgets is a commercial product, which depending on how you use it, requires a license fee. Complete details are on jqWidget's website. The product is well supported.

	== Properties and Methods ==		== Properties and Methods ==

2013-07-11T06:47:54Z

Functions: add changing the current page example

← Older revision		Revision as of 06:47, 11 July 2013
Line 28:		Line 28:
	$("#PhotoGallery1>.jqx-scrollview-inner-wrapper").append("<div><div class=""PhotoGallery1_photostyle"" style=""background-Image: url(1.png);""></div></div>")		$("#PhotoGallery1>.jqx-scrollview-inner-wrapper").append("<div><div class=""PhotoGallery1_photostyle"" style=""background-Image: url(1.png);""></div></div>")
	$("#PhotoGallery1").jqxScrollView("refresh")		$("#PhotoGallery1").jqxScrollView("refresh")
			</pre>

			==== Change Current Image ====
			<pre>
			$("#PhotoGallery1").jqxScrollView({currentPage:0})
	</pre>		</pre>

2013-07-08T05:21:12Z

Functions: Adding runtime manipulation

← Older revision		Revision as of 05:21, 8 July 2013
Line 21:		Line 21:
	End Function		End Function

			</pre>

			==== Remove/Add Items at Runtime ====
			<pre>
			$("#PhotoGallery1>.jqx-scrollview-inner-wrapper").empty()
			$("#PhotoGallery1>.jqx-scrollview-inner-wrapper").append("<div><div class=""PhotoGallery1_photostyle"" style=""background-Image: url(1.png);""></div></div>")
			$("#PhotoGallery1").jqxScrollView("refresh")
	</pre>		</pre>

2013-07-07T19:21:17Z

onpageChanged (BASIC): Changing Page to curPage so this sample actually works.

← Older revision		Revision as of 19:21, 7 July 2013
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

2013-05-14T14:53:25Z

onpageChanged (BASIC)

← Older revision		Revision as of 14:53, 14 May 2013
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>

2013-05-14T14:49:26Z

Functions

2013-05-14T14:48:47Z

Events

← Older revision		Revision as of 14:48, 14 May 2013
Line 22:		Line 22:
	</pre>		</pre>

	== Events ==		=== Events ===
	=== onpageChanged ===		==== onpageChanged (BASIC)====
	This event is triggered when the current page is changed.		This event is triggered when the current page is changed.

2013-05-14T14:48:14Z

Example

2013-05-13T21:57:20Z

Example

← Older revision		Revision as of 21:57, 13 May 2013
Line 20:		Line 20:
	End Function		End Function

			</pre>

			== Events ==
			=== onpageChanged ===
			This event is triggered when the current page is changed.

			<pre>
			Function PhotoGallery1_onpageChanged(event)
			Dim Page
			Page = event.args.currentPage
			console.log(Page)
			End Function
	</pre>		</pre>