View Single Post
  #8 (permalink)  
Old April 23rd, 2004, 06:50 PM
antisprite antisprite is offline
Registered User
 
Join Date: Apr 2004
Location: , , .
Posts: 3
Thanks: 0
Thanked 0 Times in 0 Posts
Send a message via ICQ to antisprite Send a message via AIM to antisprite Send a message via MSN to antisprite Send a message via Yahoo to antisprite
Default

Hey again,

Thanks for your help so far. Here is my dilemma, I really hope you can help me sort it out. I have two things I want to achieve with index.html on this site, the first is a slideshow of photos from the local area (I am a realtor and it is a sales website :)) and the second is ... well ... I made the decision that I was designing for 800x600 as many of my clientele have older computers and would get confused by a high end website with lots of scrolling and while it doesn't matter if other pages in the site are viewed at 1024x768, index.html looks crap if viewed at another res other than 800x600 due to the background and graphics layout.

The stupid thing is I am really attached to the background viniette as it basically comes down to corporate colours so I don't want to change that. I know I am being difficult.

So ... I inserted what I thought was suitable code to resize index.html at 800x600 and it works initially but if the user views another window on their screen and then switches back to my site, the site maximises with complete disregard for my code.

And while the code is in place for resizing, the slideshow doesn't work. :( If someone can help me get both elements working at the same time AND get resizing working properly so my index.html works forever in 800x600 without changing (even if there is a way to lock the maximise button and not give viewers the resize option manually) I will be forever grateful.

I have included my entire index.html code, roll.js is included above.

Regards,

Luke
luke@lukeballard.com

<html>
<head>
<title>Luke Ballard</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">



<script language="JavaScript">
<!--

function SymError()
{
  return true;
}

window.onerror = SymError;

//-->
</script>

<script language="JavaScript">
<!--

function SymError()
{
  return true;
}

window.onerror = SymError;

var SymRealWinOpen = window.open;

function SymWinOpen(url, name, attributes)
{
  return (new Object());
}

window.open = SymWinOpen;

//-->
</script>
<script language="JavaScript1.2">

function reapply(){
setTimeout("slideit()",2000)
return true
}
window.onerror=reapply
</script>
<script language="JavaScript1.1">
<!--
var image1=new Image()
image1.src="img/slide2.gif"
var Image2=new Image()
image2.src="img/slide1.gif"
var Image3=new Image()
image3.src="img/slide3.gif"
//-->
</script>
<script language="javascript" src="roll.js"></script>
<script>
<!--
////change number of images below
var number_of_images=3
//change speed below (in seconds)
var speed=3
var step=1
var whichimage=1
function slideit(){
if (!document.images)
return
if (document.all)
slide.filters.blendTrans.apply()
document.images.slide.src=eval("image"+step+".src" )
if (document.all)
slide.filters.blendTrans.play()
whichimage=step
if (step<number_of_images)
step++
else
step=1
if (document.all)
setTimeout("slideit()",speed*1000+3000)
else
setTimeout("slideit()",speed*1000)
}
function slidelink(){
if (whichimage==1)
window.location="#"
else if (whichimage==2)
window.location="#"
else if (whichimage==3)
window.location="#"
}
//-->
</script>
<link rel="STYLESHEET" type="text/css" href="fonts.css">
<script>function changeScreenSize(w,h){window.resizeTo( w,h )}</script>
</head>
<body background="img/home_bg2.gif" onload="changeScreenSize(800,600)">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
    <td>

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





        </td>
        <td width="100%">

        <table width="100%" border="0" cellpadding="0" cellspacing="0">
        <tr>
            <td align="right"><img src="img/homeright.gif" width="350" height="119" alt="" border="0"></td>
        </tr>

        </table>


        </td>
    </tr>
    </table>

    </td>
</tr>
<tr>
    <td>

    <table width="100%" border="0" cellpadding="0" cellspacing="0">
    <tr><td align="left"><IMG SRC="img/buttons.gif" USEMAP="#buttons" BORDER=1 width="163" height="280" usemap="#icons"></td>

        <td width="594"><a href="javascript:slidelink()" onMouseover="window.status='Views from beautiful Caloundra.';return true" onMouseout="window.status=''"><img src="img/slide2.gif" height="282" width="594" name="slide" border=1 style="filter:blendTrans(duration=3)"></td>
        </tr>
    </table>

    </td>
</tr>
<tr>
    <td>

    <table width="100%" border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td width="369"><img src="img/home_footer_left.gif" width="369" height="17"></td>
        <td width="100%" background="img/home_footer_end.gif"><img src="img/home_footer_right.gif" width="391" height="17"></td>
    </tr>
    </table>

    </td>
</tr>


</body>

<script language="JavaScript">
<!--

window.open = SymRealWinOpen;

//-->
</script>

</html>


<MAP NAME="buttons">
  <AREA SHAPE=RECT COORDS="3,18,157,29" HREF="gallery.html" ALT="" OnMouseOut="window.status=''; return true" OnMouseOver="window.status=''; return true">
  <AREA SHAPE=RECT COORDS="33,30,129,42" HREF="dream.html" ALT="" OnMouseOut="window.status=''; return true" OnMouseOver="window.status=''; return true">
  <AREA SHAPE=RECT COORDS="38,43,125,57" HREF="tipsb.html" ALT="" OnMouseOut="window.status=''; return true" OnMouseOver="window.status=''; return true">
  <AREA SHAPE=RECT COORDS="17,69,143,82" HREF="free.html" ALT="" OnMouseOut="window.status=''; return true" OnMouseOver="window.status=''; return true">
  <AREA SHAPE=RECT COORDS="28,84,134,95" HREF="house.html" ALT="" OnMouseOut="window.status=''; return true" OnMouseOver="window.status=''; return true">
  <AREA SHAPE=RECT COORDS="35,95,129,109" HREF="unit.html" ALT="" OnMouseOut="window.status=''; return true" OnMouseOver="window.status=''; return true">
  <AREA SHAPE=RECT COORDS="29,111,132,121" HREF="agent.html" ALT="" OnMouseOut="window.status=''; return true" OnMouseOver="window.status=''; return true">
  <AREA SHAPE=RECT COORDS="18,122,144,136" HREF="marketing.html" ALT="" OnMouseOut="window.status=''; return true" OnMouseOver="window.status=''; return true">
  <AREA SHAPE=RECT COORDS="18,148,143,161" HREF="finance.html" ALT="" OnMouseOut="window.status=''; return true" OnMouseOver="window.status=''; return true">
  <AREA SHAPE=RECT COORDS="20,163,140,173" HREF="insurance.html" ALT="" OnMouseOut="window.status=''; return true" OnMouseOver="window.status=''; return true">
  <AREA SHAPE=RECT COORDS="9,176,150,187" HREF="moving.html" ALT="" OnMouseOut="window.status=''; return true" OnMouseOver="window.status=''; return true">
  <AREA SHAPE=RECT COORDS="14,189,146,202" HREF="links.html" ALT="" OnMouseOut="window.status=''; return true" OnMouseOver="window.status=''; return true">
  <AREA SHAPE=RECT COORDS="28,215,135,226" HREF="about.html" ALT="" OnMouseOut="window.status=''; return true" OnMouseOver="window.status=''; return true">
  <AREA SHAPE=RECT COORDS="22,228,140,240" HREF="about2.html" ALT="" OnMouseOut="window.status=''; return true" OnMouseOver="window.status=''; return true">
  <AREA SHAPE=RECT COORDS="27,242,135,253" HREF="contact.html" ALT="" OnMouseOut="window.status=''; return true" OnMouseOver="window.status=''; return true">
</MAP>



Reply With Quote