Images Not Showing When Previewing

DeiseHost · #1 (**permalink**) 03-24-2008, 12:40 AM

Hi.

I am new to Joomla Template Kit and the whole aspect of Joomla template creation.
I am in the middle of creating a test template and have the basic layout done. I have made the logo image and uploaded it in DreamWeaver, where it shows fine. But when I convert it to CMS, save changes to templatedetails.xml and click Preview to view the changes on Localhost, the logo won't show. Only the Alt text appears.

Any ideas?

admin · #2 (**permalink**) 03-24-2008, 11:08 AM

Need to know versions of:
OS
Joomla
DW

and see the index.php file.

Cheers,
Brian

DeiseHost · #3 (**permalink**) 03-24-2008, 11:35 AM

Hi.

I have deleted that template and just started a test one.

I am on Windows XP with DW CS3 and using Joonla 1.0*

Here is the index.php

PHP Code:


			
<?php

defined( '_VALID_MOS' ) or die( 'Direct Access to this location is not allowed.' );
$iso = split( '=', _ISO ); echo '<?xml version="1.0" encoding="'. $iso[1] .'"?' .'>';

?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; <?php echo _ISO; ?>" />
<?php mosShowHead(); ?>
<?php if ($my->id) {initEditor();}?>
<link href="<?php echo "$GLOBALS[mosConfig_live_site]/templates/$GLOBALS[cur_template]/css/template_css.css";?>" rel="stylesheet" type="text/css" media="all" />
<link rel="shortcut icon" href="<?php echo "$GLOBALS[mosConfig_live_site]/templates/$GLOBALS[cur_template]/favicon.ico"; ?>" />

<!-- This so you can see the css styles in DW  you can delete file once editing Template is complete-->
<link href="css/template_css.css" rel="stylesheet" type="text/css" media="all" />
</head>
<body>
<table width="100%" border="1" cellspacing="0" cellpadding="0">
  <tr>
    <td><img src="/joomla/Test1/template_thumbnail.png" width="149" height="117" /></td>
  </tr>
</table>
<table width="100%" border="1" cellspacing="0" cellpadding="0">
  <tr>
    <td width="261" valign="top"><div align="center">
      <?php if (mosCountModules('user1')>0) mosLoadModules('user1',0); ?>
</div></td>
    <td width="218" align="center" valign="middle"><div align="center">
      <?php if (mosCountModules('banner')>0) mosLoadModules('banner',0); ?>
</div></td>
    <td width="256" valign="top"><div align="center">
      <?php if (mosCountModules('user2')>0) mosLoadModules('user2',0); ?>
</div></td>
  </tr>
</table>
<table width="100%" border="1" cellspacing="0" cellpadding="0">
  <tr>
    <td width="150">&nbsp;</td>
    <td>&nbsp;</td>
    <td width="150">&nbsp;</td>
  </tr>
</table>
<table width="100%" border="1" cellspacing="0" cellpadding="0">
  <tr>
    <td>&nbsp;</td>
  </tr>
</table>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
</body>
</html>

I am just using the thumbnail image to see what the layout will be like with an image. Haven't made the images yet.

admin · #4 (**permalink**) 03-24-2008, 12:38 PM

AS per the video you need to put the images inside the images folder.
Thats why you can't see the image render.
cheers,
Brian

DeiseHost · #5 (**permalink**) 03-24-2008, 12:40 PM

Hi Brian,

I do have it inside the images folder and have changed the paths in index.php and they are still not showing.
I also noticed the following:

Image code is not showing in template_css
The Newsflash section, when refreshed to show more news, changes the actual size of the table, instead of using an iframe.

Hope you can help.

Dan

admin · #6 (**permalink**) 03-24-2008, 12:49 PM

Hi Dan

Images not showing you need to.

1. Put images in the images folder

2. Use the images to CMS wizard.
this will add the code to the images to render in Joomla.

3. if you need to view the images in DW you need to run the images to DW
wizard.

if your using JTK 2.1 and Joomla 1.0.X

Code:

<img src="/joomla/Test1/template_thumbnail.png" width="149" height="117" />

Code:

<img src="<?php echo "$GLOBALS[mosConfig_live_site]/templates/$GLOBALS[cur_template]/images/";?>template_thumbnail.png" width="149" height="117" />

this path is not right
"joomla/Test1/" needs to be "images"/logo.png.

as for your iframe issue I have no idea.

Cheers,
Brian

DeiseHost · #7 (**permalink**) 03-24-2008, 12:54 PM

Hi Brian,

Here is my updated index.php

PHP Code:


			
<?php



defined( '_VALID_MOS' ) or die( 'Direct Access to this location is not allowed.' );

$iso = split( '=', _ISO ); echo '<?xml version="1.0" encoding="'. $iso[1] .'"?' .'>';



?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; <?php echo _ISO; ?>" />

<?php mosShowHead(); ?>

<?php if ($my->id) {initEditor();}?>

<link href="<?php echo "$GLOBALS[mosConfig_live_site]/templates/$GLOBALS[cur_template]/css/template_css.css";?>" rel="stylesheet" type="text/css" media="all" />

<link rel="shortcut icon" href="<?php echo "$GLOBALS[mosConfig_live_site]/templates/$GLOBALS[cur_template]/favicon.ico"; ?>" />



<!-- This so you can see the css styles in DW  you can delete file once editing Template is complete-->

<link href="css/template_css.css" rel="stylesheet" type="text/css" media="all" />

</head>

<body>

<table width="100%" border="1" cellspacing="0" cellpadding="0">

  <tr>

    <td width="36%" valign="top" nowrap="nowrap"><div align="center">

      <?php if (mosCountModules('user1')>0) mosLoadModules('user1',0); ?>

    </div></td>

    <td width="64%" align="center" valign="middle"><div align="center"><img src="/joomla/Test1/<?php echo "$GLOBALS[mosConfig_live_site]/templates/$GLOBALS[cur_template]/images/"; ?>template_thumbnail.png" alt="logo" width="149" height="117" /></div></td>

  </tr>

</table>

<table width="100%" border="1" cellspacing="0" cellpadding="0">

  <tr>

    <td width="150" valign="top"><div align="center">

      <?php if (mosCountModules('left')>0) mosLoadModules('left',0); ?>

</div></td>

    <td valign="top"><?php mosMainBody(); ?></td>

    <td width="150" valign="top"><div align="center"><?php if (mosCountModules('right')>0) mosLoadModules('right',0); ?>

        <?php if (mosCountModules('user2')>0) mosLoadModules('user2',0); ?>

</div></td>

  </tr>

</table>

<table width="100%" border="1" cellspacing="0" cellpadding="0">

  <tr>

    <td div align="center">

      <?php include_once('includes/footer.php'); ?></td>

  </tr>

</table>

</body>

</html>

As you can see, I have followed your instructions and have the image in the images folder and converted to CMS. Still not showing.

Regarding the iframe for newsflash, you made the program right?

admin · #8 (**permalink**) 03-24-2008, 12:58 PM

Hi Dan,

Code:

<img src="/joomla/Test1/<?php echo "$GLOBALS[mosConfig_live_site]/templates/$GLOBALS[cur_template]/images/"; ?>template_thumbnail.png" alt="logo" width="149" height="117" />

delete this part "/joomla/Test1/"
make sure that your image are in the images folder.

DeiseHost · #9 (**permalink**) 03-24-2008, 01:03 PM

Hi I have done this and still the same.
Image cannot be found on this server.
I have the image in the template images folder and it just will not show.

DeiseHost · #10 (**permalink**) 03-24-2008, 01:06 PM

Now when I go to view the template in Joomla I get this:

PHP Code:


			
Parse error: syntax error, unexpected T_VARIABLE, expecting ',' or ';' in C:wampwwwjoomlatemplatesTest1index.php on line 48

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode