Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Lytebox

Featured Replies

Hi there

 

I finally managed to get lytebox working in my website, my problem is:

 

When I add a slideshow to the site and you press the first image in the show it automatically starts, however, if you click the second image in the show it doesnt start you have to press the play button for this to happen.

 

What I would like to do is, when you click the first image in the show it opens up and you then have to press the play button to start it, just the same as you do in the other images.

 

Is there a way to change the code in the script so this happens??

 

Here is the code:

 

function LyteBox() {
/*** Start Global Configuration ***/
	this.theme				= 'grey';	// themes: grey (default), red, green, blue, gold
	this.hideFlash			= true;		// controls whether or not Flash objects should be hidden
	this.outerBorder		= true;		// controls whether to show the outer grey (or theme) border
	this.resizeSpeed		= 8;		// controls the speed of the image resizing (1=slowest and 10=fastest)
	this.maxOpacity			= 80;		// higher opacity = darker overlay, lower opacity = lighter overlay
	this.navType			= 1;		// 1 = "Prev/Next" buttons on top left and left (default), 2 = "<< prev | next >>" links next to image number
	this.autoResize			= true;		// controls whether or not images should be resized if larger than the browser window dimensions
	this.doAnimations		= true;		// controls whether or not "animate" Lytebox, i.e. resize transition between images, fade in/out effects, etc.

	this.borderSize			= 12;		// if you adjust the padding in the CSS, you will need to update this variable -- otherwise, leave this alone...
/*** End Global Configuration ***/

/*** Configure Slideshow Options ***/
	this.slideInterval		= 4000;		// Change value (milliseconds) to increase/decrease the time between "slides" (10000 = 10 seconds)
	this.showNavigation		= true;		// true to display Next/Prev buttons/text during slideshow, false to hide
	this.showClose			= true;		// true to display the Close button, false to hide
	this.showDetails		= true;		// true to display image details (caption, count), false to hide
	this.showPlayPause		= true;		// true to display pause/play buttons next to close button, false to hide
	this.autoEnd			= true;		// true to automatically close Lytebox after the last image is reached, false to keep open
	this.pauseOnNextClick	= false;	// true to pause the slideshow when the "Next" button is clicked
       this.pauseOnPrevClick 	= true;		// true to pause the slideshow when the "Prev" button is clicked
/*** End Slideshow Configuration ***/

 

Hopefully someone can help.

 

Thank you once again.

 

Tony

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.