add support for iframe backgrounds
This commit is contained in:
		
							
								
								
									
										18
									
								
								js/reveal.js
									
									
									
									
									
								
							
							
						
						
									
										18
									
								
								js/reveal.js
									
									
									
									
									
								
							| @@ -672,6 +672,7 @@ | ||||
| 			backgroundSize: slide.getAttribute( 'data-background-size' ), | ||||
| 			backgroundImage: slide.getAttribute( 'data-background-image' ), | ||||
| 			backgroundVideo: slide.getAttribute( 'data-background-video' ), | ||||
| 			backgroundIframe: slide.getAttribute( 'data-background-iframe' ), | ||||
| 			backgroundColor: slide.getAttribute( 'data-background-color' ), | ||||
| 			backgroundRepeat: slide.getAttribute( 'data-background-repeat' ), | ||||
| 			backgroundPosition: slide.getAttribute( 'data-background-position' ), | ||||
| @@ -696,11 +697,12 @@ | ||||
| 		// Create a hash for this combination of background settings. | ||||
| 		// This is used to determine when two slide backgrounds are | ||||
| 		// the same. | ||||
| 		if( data.background || data.backgroundColor || data.backgroundImage || data.backgroundVideo ) { | ||||
| 		if( data.background || data.backgroundColor || data.backgroundImage || data.backgroundVideo || data.backgroundIframe ) { | ||||
| 			element.setAttribute( 'data-background-hash', data.background + | ||||
| 															data.backgroundSize + | ||||
| 															data.backgroundImage + | ||||
| 															data.backgroundVideo + | ||||
| 															data.backgroundIframe + | ||||
| 															data.backgroundColor + | ||||
| 															data.backgroundRepeat + | ||||
| 															data.backgroundPosition + | ||||
| @@ -2591,7 +2593,8 @@ | ||||
| 				background.setAttribute( 'data-loaded', 'true' ); | ||||
|  | ||||
| 				var backgroundImage = slide.getAttribute( 'data-background-image' ), | ||||
| 					backgroundVideo = slide.getAttribute( 'data-background-video' ); | ||||
| 					backgroundVideo = slide.getAttribute( 'data-background-video' ), | ||||
| 					backgroundIframe = slide.getAttribute( 'data-background-iframe' ); | ||||
|  | ||||
| 				// Images | ||||
| 				if( backgroundImage ) { | ||||
| @@ -2608,6 +2611,17 @@ | ||||
|  | ||||
| 					background.appendChild( video ); | ||||
| 				} | ||||
| 				// Iframes | ||||
| 				else if ( backgroundIframe ) { | ||||
| 					var iframe = document.createElement( 'iframe' ); | ||||
| 						iframe.setAttribute('src', backgroundIframe); | ||||
| 						iframe.style.width  = '100%'; | ||||
| 						iframe.style.height = '100%'; | ||||
| 						iframe.style.maxHeight = '100%'; | ||||
| 						iframe.style.maxWidth = '100%'; | ||||
|  | ||||
| 					background.appendChild( iframe ); | ||||
| 				} | ||||
| 			} | ||||
| 		} | ||||
|  | ||||
|   | ||||
		Reference in New Issue
	
	Block a user