Adding image to Logoff.php

I want to add a image to my Logout.php. What would be the best way to add it into the script? Here's the entire file except the Boonex reference: I highlighted the area, I believe needs to be changed.

<?php
ob_start();
require_once( 'inc/header.inc.php' );
require_once( BX_DIRECTORY_PATH_INC . 'design.inc.php' );
require_once( BX_DIRECTORY_PATH_INC . 'profiles.inc.php' );
ob_end_clean();

if (isset( $_COOKIE['memberID']) && isset($_COOKIE['memberPassword']))
    bx_logout();

$_page['name_index'] = 150;
$_page['css_name'] = '';

$_ni = $_page['name_index'];
$_page_cont[$_ni]['page_main_code'] = MsgBox(_t('_Please Wait'));
$_page_cont[$_ni]['url_relocate'] = $site['url'];

send_headers_page_changed();
PageCode();

I have placed the image into media/images in Dolphin core. The size is 600px x 800px and I would like to center it in the screen. I have no PHP experience, but I learn quick. So can I just change highlighted to this:

<img style="border: 221; margin: 0px;" src="http://www.mysite.com/media/images/leaving.png>" alt="Logout Humor" width="600" height="800">

Or do I need to call out the image type

imagepng( $my_img, "leaving.png" );

or just:

$myimage = imagecreatefrompng ( "leaving.png" )

I am a bit confused. Any advice. Concerns maybe resource usage optimization and/or rendering delayed too long. Plus correct coding.

BTW if anyone likes the pic they are welcome to use it.

Bump, tried the first and it hangs up no image

Not quite. You need to encase that in single quotes to make it a proper PHP string.

Change this line.

$_page_cont[$_ni]['page_main_code'] = MsgBox(_t('_Please Wait'));

To This

$_page_cont[$_ni]['page_main_code'] = '<img style="border: 221; margin: 0px;" src="http://www.mysite.com/media/images/leaving.png>" alt="Logout Humor" width="600" height="800">';

Added single qoutes to the ends. Getting the Alt but not the image. Might have to move the image to another directory.

It should be fine. Verify the url and make sure you can see it using the url directly in the web browser. I am able to place images in the media folder and they work fine.

Also remove this from the img tag. border: 221

It is not valid. px, em, ect is not specified so as stated it is not valid and may be part of the problem.

Have image.

Two issues: First, it is not centered in screen. Even adding in Border: 270px

Second, and not really a bad thing, but you cannot read it because it redirects quickly. At least for me it does.

The timeout is part of the template page_150.html

It's this line.

<meta http-equiv="refresh" content="1;URL=__url_relocate__" />   

The 1 is a 1 second refresh delay. To make it stay on the screen longer you would need to increase that value.

Keep in mind this template is used for the login message display as well. So it will affect both.

As for centering the image, i would have to do some playing. Using borders is not the answer as it will not be the same on all computer and screen resolutions because the size of the browser window will change how it looks. I would have to do some css tests to find the proper solution.