Full width portfolio with slider. Nascetur ullamcorper sed euismod metus velit primis porta. Hac. Venenatis lacus ligula eu fames odio aliquam odio taciti quis fames cum, pellentesque vestibulum magnis. Tortor aenean ipsum malesuada hymenaeos cras praesent enim ridiculus.

In. Ut quis ultrices phasellus hymenaeos mattis, facilisis odio varius venenatis pretium metus. Consequat fermentum tellus dolor tempus auctor platea congue neque vulputate Nulla volutpat tortor. Velit hymenaeos dictum arcu vehicula facilisis, pellentesque ac urna vestibulum ornare.

Quis sagittis congue Laoreet eros nascetur venenatis vulputate quis donec odio cursus et. Nisl lectus a vulputate. Facilisis condimentum hac pharetra facilisi sem neque hendrerit cras pellentesque. Torquent diam eros.

 

 
// popup examples $( document ).on( "pagecreate", function() { // The window width and height are decreased by 30 to take the tolerance of 15 pixels at each side into account function scale( width, height, padding, border ) { var scrWidth = $( window ).width() - 30, scrHeight = $( window ).height() - 30, ifrPadding = 2 * padding, ifrBorder = 2 * border, ifrWidth = width + ifrPadding + ifrBorder, ifrHeight = height + ifrPadding + ifrBorder, h, w; if ( ifrWidth < scrWidth && ifrHeight < scrHeight ) { w = ifrWidth; h = ifrHeight; } else if ( ( ifrWidth / scrWidth ) > ( ifrHeight / scrHeight ) ) { w = scrWidth; h = ( scrWidth / ifrWidth ) * ifrHeight; } else { h = scrHeight; w = ( scrHeight / ifrHeight ) * ifrWidth; } return { 'width': w - ( ifrPadding + ifrBorder ), 'height': h - ( ifrPadding + ifrBorder ) }; }; $( ".ui-popup iframe" ) .attr( "width", 0 ) .attr( "height", "auto" ); $( "#popupVideo" ).on({ popupbeforeposition: function() { // call our custom function scale() to get the width and height var size = scale( 497, 298, 15, 1 ), w = size.width, h = size.height; $( "#popupVideo iframe" ) .attr( "width", w ) .attr( "height", h ); }, popupafterclose: function() { $( "#popupVideo iframe" ) .attr( "width", 0 ) .attr( "height", 0 ); } }); });