Example #1
0
function wppa_slide_frame()
{
    if (is_feed()) {
        return;
    }
    if (wppa('is_filmonly')) {
        return;
    }
    if (wppa_switch('wppa_slide_pause')) {
        $pause = ' onmouseover="wppaSlidePause[' . wppa('mocc') . '] = \'' . __('Paused', 'wp-photo-album-plus') . '\'"' . ' onmouseout="wppaSlidePause[' . wppa('mocc') . '] = false"';
    } else {
        $pause = '';
    }
    // There are still users who turn off javascript...
    wppa_out('<noscript style="text-align:center; " >' . '<span style="color:red; ">' . __('To see the full size images, you need to enable javascript in your browser.', 'wp-photo-album-plus') . '</span>' . '</noscript>');
    wppa_out('<div' . ' id="slide_frame-' . wppa('mocc') . '"' . $pause . ' class="slide-frame"' . ' style="overflow:hidden;' . wppa_get_slide_frame_style() . '"' . ' >');
    $auto = wppa('auto_colwidth') || wppa_opt('colwidth') == 'auto';
    wppa_out('<div' . ' id="theslide0-' . wppa('mocc') . '"' . ' class="theslide theslide-' . wppa('mocc') . '"' . ' style="' . ($auto ? 'width:100%;' : 'width:' . wppa('slideframewidth') . 'px;') . 'margin:auto;' . '"' . ' >' . '</div>' . '<div' . ' id="theslide1-' . wppa('mocc') . '"' . ' class="theslide theslide-' . wppa('mocc') . '"' . ' style="' . ($auto ? 'width:100%;' : 'width:' . wppa('slideframewidth') . 'px;') . 'margin:auto;' . '"' . ' >' . '</div>');
    wppa_out('<div' . ' id="spinner-' . wppa('mocc') . '"' . ' class="spinner"' . ' >' . '</div>');
    if (!wppa_page('oneofone')) {
        // Big browsing buttons enabled ?
        if (wppa_switch('show_bbb') && !wppa_in_widget() || wppa_switch('show_bbb_widget') && wppa_in_widget()) {
            wppa_out('<img' . ' id="bbb-' . wppa('mocc') . '-l"' . ' class="bbb-l bbb-' . wppa('mocc') . '"' . ' src="' . wppa_get_imgdir() . 'bbbl.png"' . ' alt="bbbl"' . ' style="' . 'background-color:transparent;' . 'border:none;' . 'z-index:83;' . 'position:absolute;' . 'float:left;' . 'top:0px;' . 'width:' . wppa('slideframewidth') * 0.5 . 'px;' . 'height:' . wppa('slideframeheight') . 'px;' . 'box-shadow:none;' . 'cursor:default;' . '"' . ' onmouseover="wppaBbb(' . wppa('mocc') . ',\'l\',\'show\')"' . ' onmouseout="wppaBbb(' . wppa('mocc') . ',\'l\',\'hide\')"' . ' onclick="wppaBbb(' . wppa('mocc') . ',\'l\',\'click\')"' . ' />' . '<img' . ' id="bbb-' . wppa('mocc') . '-r"' . ' class="bbb-r bbb-' . wppa('mocc') . '"' . ' src="' . wppa_get_imgdir() . 'bbbr.png"' . ' alt="bbbr"' . ' style="' . 'background-color:transparent;' . 'border:none;' . 'z-index:83;' . 'position:absolute;' . 'float:right;' . 'top:0px;' . 'width:' . wppa('slideframewidth') * 0.5 . 'px;' . 'height:' . wppa('slideframeheight') . 'px;' . 'box-shadow:none;' . 'cursor:default;' . '"' . ' onmouseover="wppaBbb(' . wppa('mocc') . ',\'r\',\'show\')"' . ' onmouseout="wppaBbb(' . wppa('mocc') . ',\'r\',\'hide\')"' . ' onclick="wppaBbb(' . wppa('mocc') . ',\'r\',\'click\')"' . ' />');
        }
        // Ugly browse buttons ?
        if (wppa_switch('show_ubb') && !wppa_in_widget() || wppa_switch('show_ubb_widget') && wppa_in_widget()) {
            /*
            	wppaOvlLeftSymbolUrl = "'.(wppa_opt('left_symbol_url') ? wppa_opt('left_symbol_url') : wppa_get_imgdir( 'prev-'.wppa_opt('ovl_theme').'.gif', true )).'";
            	wppaOvlRightSymbolUrl = "'.(wppa_opt('right_symbol_url') ? wppa_opt('right_symbol_url') : wppa_get_imgdir( 'next-'.wppa_opt('ovl_theme').'.gif', true )).'";
            	wppaLeftRightSymbolSize = '.wppa_opt('left_right_symbol_size').';
            	wppaLeftRightSymbolBradius = '.wppa_opt('left_right_symbol_bradius').';
            						' onclick="wppaOvlShowPrev()"' +
            						' ontouchend="wppaOvlShowPrev()"' +
            						' onmouseover="jQuery(this).stop().fadeTo(200,1);"' +
            						' onmouseout="jQuery(this).stop().fadeTo(200,0);"' +
            						' ontouchstart="jQuery(this).stop().fadeTo(200,1);"' +
            						' onload="jQuery(this).stop().fadeTo(5000,0);"' +
            */
            wppa_out('<img' . ' id="ubb-' . wppa('mocc') . '-l"' . ' class="ubb ubb-l ubb-' . wppa('mocc') . '"' . ' src="' . (wppa_opt('left_symbol_url') ? wppa_opt('left_symbol_url') : wppa_get_imgdir('prev-' . wppa_opt('ovl_theme') . '.gif', true)) . '"' . ' alt="ubbl"' . ' style="' . 'background-color:transparent;' . 'border:none;' . 'z-index:85;' . 'position:absolute;' . 'top:50%;' . 'margin-top:-' . wppa_opt('left_right_symbol_size') / 2 . 'px;' . 'left:0;' . 'box-shadow:none;' . 'cursor:pointer;' . 'width:' . wppa_opt('left_right_symbol_size') . 'px;' . 'border-radius:' . wppa_opt('left_right_symbol_bradius') . 'px;' . '"' . ' onmouseover="wppaUbb(' . wppa('mocc') . ',\'l\',\'show\')"' . ' ontouchstart="wppaUbb(' . wppa('mocc') . ',\'l\',\'show\')"' . ' onmouseout="wppaUbb(' . wppa('mocc') . ',\'l\',\'hide\')"' . ' onclick="wppaUbb(' . wppa('mocc') . ',\'l\',\'click\')"' . ' ontouchend="wppaUbb(' . wppa('mocc') . ',\'l\',\'click\')"' . ' onload="wppaUbb(' . wppa('mocc') . ',\'l\',\'hide\')"' . ' />' . '<img' . ' id="ubb-' . wppa('mocc') . '-r"' . ' class="ubb ubb-r ubb-' . wppa('mocc') . '"' . ' src="' . (wppa_opt('right_symbol_url') ? wppa_opt('right_symbol_url') : wppa_get_imgdir('next-' . wppa_opt('ovl_theme') . '.gif', true)) . '"' . ' alt="ubbr"' . ' style="' . 'background-color:transparent;' . 'border:none;' . 'z-index:85;' . 'position:absolute;' . 'top:50%;' . 'margin-top:-' . wppa_opt('left_right_symbol_size') / 2 . 'px;' . 'right:0;' . 'box-shadow:none;' . 'cursor:pointer;' . 'width:' . wppa_opt('left_right_symbol_size') . 'px;' . 'border-radius:' . wppa_opt('left_right_symbol_bradius') . 'px;' . '"' . ' onmouseover="wppaUbb(' . wppa('mocc') . ',\'r\',\'show\')"' . ' ontouchstart="wppaUbb(' . wppa('mocc') . ',\'r\',\'show\')"' . ' onmouseout="wppaUbb(' . wppa('mocc') . ',\'r\',\'hide\')"' . ' onclick="wppaUbb(' . wppa('mocc') . ',\'r\',\'click\')"' . ' ontouchend="wppaUbb(' . wppa('mocc') . ',\'r\',\'click\')"' . ' onload="wppaUbb(' . wppa('mocc') . ',\'l\',\'hide\')"' . ' />');
        }
    }
    wppa_startstop_icons();
    wppa_numberbar();
    wppa_out('</div>');
}
function wppa_slide_frame()
{
    global $wppa;
    global $wppa_opt;
    if (is_feed()) {
        return;
    }
    if ($wppa['is_filmonly']) {
        return;
    }
    //	if ( wppa_switch('wppa_slide_swipe') ) {
    //		$ontouch = 'ontouchstart="wppaTouchStart(event,\'slide_frame-'.$wppa['mocc'].'\', '.$wppa['mocc'].');"  ontouchend="wppaTouchEnd(event);" ontouchmove="wppaTouchMove(event);" ontouchcancel="wppaTouchCancel(event);"';
    //	}
    //	else
    $ontouch = '';
    if (wppa_switch('wppa_slide_pause')) {
        $pause = 'onmouseover="wppaSlidePause[' . $wppa['mocc'] . '] = \'' . __a('Paused', 'wppa_theme') . '\'" onmouseout="wppaSlidePause[' . $wppa['mocc'] . '] = false"';
    } else {
        $pause = '';
    }
    // There are still users who turn off javascript...
    $wppa['out'] .= wppa_nltab() . '<noscript style="text-align:center; " ><span style="color:red; ">' . __a('To see the full size images, you need to enable javascript in your browser.', 'wppa') . '</span></noscript>';
    $wppa['out'] .= wppa_nltab('+') . '<div id="slide_frame-' . $wppa['mocc'] . '" ' . $ontouch . ' ' . $pause . ' class="slide-frame" style="overflow:hidden; ' . wppa_get_slide_frame_style() . '">';
    $auto = false;
    if ($wppa['auto_colwidth']) {
        $auto = true;
    } elseif ($wppa_opt['wppa_colwidth'] == 'auto') {
        $auto = true;
    }
    if ($auto) {
        $wppa['out'] .= wppa_nltab() . '<div id="theslide0-' . $wppa['mocc'] . '" class="theslide theslide-' . $wppa['mocc'] . '" style="width:100%; margin:auto;" ></div>';
        $wppa['out'] .= wppa_nltab() . '<div id="theslide1-' . $wppa['mocc'] . '" class="theslide theslide-' . $wppa['mocc'] . '" style="width:100%; margin:auto;" ></div>';
    } else {
        $wppa['out'] .= wppa_nltab() . '<div id="theslide0-' . $wppa['mocc'] . '" class="theslide theslide-' . $wppa['mocc'] . '" style="width:' . $wppa['slideframewidth'] . 'px; " ></div>';
        $wppa['out'] .= wppa_nltab() . '<div id="theslide1-' . $wppa['mocc'] . '" class="theslide theslide-' . $wppa['mocc'] . '" style="width:' . $wppa['slideframewidth'] . 'px; " ></div>';
    }
    $wppa['out'] .= wppa_nltab() . '<div id="spinner-' . $wppa['mocc'] . '" class="spinner" ></div>';
    if (!wppa_page('oneofone')) {
        if (wppa_switch('wppa_show_bbb') && !$wppa['in_widget'] || wppa_switch('wppa_show_bbb_widget') && $wppa['in_widget']) {
            // big browsing buttons enabled
            $wppa['out'] .= wppa_nltab() . '<img id="bbb-' . $wppa['mocc'] . '-l" class="bbb-l bbb-' . $wppa['mocc'] . '" src="' . wppa_get_imgdir() . 'bbbl.png" alt="bbbl" style="background-color: transparent; border:none; z-index:83; position: absolute; float:left;  top: 0px; width: ' . $wppa['slideframewidth'] * 0.5 . 'px; height: ' . $wppa['slideframeheight'] . 'px; box-shadow: none; cursor:default;" onmouseover="wppaBbb(' . $wppa['mocc'] . ',\'l\',\'show\')" onmouseout="wppaBbb(' . $wppa['mocc'] . ',\'l\',\'hide\')" onclick="wppaBbb(' . $wppa['mocc'] . ',\'l\',\'click\')" />';
            $wppa['out'] .= wppa_nltab() . '<img id="bbb-' . $wppa['mocc'] . '-r" class="bbb-r bbb-' . $wppa['mocc'] . '" src="' . wppa_get_imgdir() . 'bbbr.png" alt="bbbr" style="background-color: transparent; border:none; z-index:83; position: absolute; float:right; top: 0px; width: ' . $wppa['slideframewidth'] * 0.5 . 'px; height: ' . $wppa['slideframeheight'] . 'px; box-shadow: none; cursor:default;" onmouseover="wppaBbb(' . $wppa['mocc'] . ',\'r\',\'show\')" onmouseout="wppaBbb(' . $wppa['mocc'] . ',\'r\',\'hide\')" onclick="wppaBbb(' . $wppa['mocc'] . ',\'r\',\'click\')" />';
        }
        /***/
        if (wppa_switch('wppa_show_ubb') && !$wppa['in_widget'] || wppa_switch('wppa_show_ubb_widget') && $wppa['in_widget']) {
            // Ugly browse buttons
            $wppa['out'] .= wppa_nltab() . '<img id="ubb-' . $wppa['mocc'] . '-l" class="ubb-l ubb-' . $wppa['mocc'] . '" src="' . wppa_get_imgdir() . 'ubbl.png" alt="ubbl" style="background-color: transparent; border:none; z-index:183; position: absolute; top: 100px; left:0; box-shadow: none; cursor:pointer; top:' . ($wppa['slideframeheight'] / 2 - 10) . 'px;" onmouseover="wppaUbb(' . $wppa['mocc'] . ',\'l\',\'show\')" onmouseout="wppaUbb(' . $wppa['mocc'] . ',\'l\',\'hide\')" onclick="wppaUbb(' . $wppa['mocc'] . ',\'l\',\'click\')" />';
            $wppa['out'] .= wppa_nltab() . '<img id="ubb-' . $wppa['mocc'] . '-r" class="ubb-r ubb-' . $wppa['mocc'] . '" src="' . wppa_get_imgdir() . 'ubbr.png" alt="ubbr" style="background-color: transparent; border:none; z-index:183; position: absolute; top: 100px; right:0; box-shadow: none; cursor:pointer; top:' . ($wppa['slideframeheight'] / 2 - 10) . 'px;" onmouseover="wppaUbb(' . $wppa['mocc'] . ',\'r\',\'show\')" onmouseout="wppaUbb(' . $wppa['mocc'] . ',\'r\',\'hide\')" onclick="wppaUbb(' . $wppa['mocc'] . ',\'r\',\'click\')" />';
        }
    }
    wppa_numberbar();
    $wppa['out'] .= wppa_nltab('-') . '</div>';
}