Help - Search - Members - Calendar
Full Version: Image Rollover =/= Random Title?
Forums > Resource Center > Webmasters' Corner > Webmasters' Corner Resolved Topics
Kathleen
Jul 27 2006, 07:45 PM
Before I initiated the rollover on my banner, the random title script worked for me perfectly. Now that I have the rollover effect, it doesn't seem to work. pinch.gif Here's what I have in it (tell me if anything comes across looking.. incorrect):
CODE
<html>
<head>
<script type='text/javascript'>

shuffle = 1; //Replace 1 with 0 if you want to temporarily turn off this script

      //you can keep adding more titles by copying over, as long as you change the number
title=new Array();
title[0] = "i want to have your abortion.";
title[1] = "i am jack's smirking revenge.";
title[2] = "go ahead, cornelius, you can cry.";
title[3] = "candy stripe a cancer ward. it's not my problem.";
title[4] = "suddenly you become euphoric, docile.";
title[5] = "i felt like destroying something beautiful.";
title[6] = "you're not your f**king khakis.";
title[7] = "you're the same decaying organic matter as everything else.";
title[8] = "on a long enough timeline, the survival rate for everyone drops to zero.";


if (shuffle == 1) {
var randsg = Math.floor(Math.random()*title.length);
document.title = title[randsg];
}
</script>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<!-- ImageReady Preload Script (ban.psd) -->
<script type="text/javascript">
<!--

function newImage(arg) {
    if (document.images) {
        rslt = new Image();
        rslt.src = arg;
        return rslt;
    }
}

function changeImages() {
    if (document.images && (preloadFlag == true)) {
        for (var i=0; i<changeImages.arguments.length; i+=2) {
            document[changeImages.arguments[i]].src =

changeImages.arguments[i+1];
        }
    }
}

var preloadFlag = false;
function preloadImages() {
    if (document.images) {
        aboutme_over = newImage("images/aboutme-over.gif");
        layout_over = newImage("images/layout-over.gif");
        links_over = newImage("images/links-over.gif");
        brushes_over = newImage("images/brushes-over.jpg");
        preloadFlag = true;
    }
}

// -->
</script>
<!-- End Preload Script -->
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"

onload="preloadImages();">
<!-- ImageReady Slices (ban.psd - Slices: 01, 02, 03, 04, 05, 07, 08, 09, 10, 11, 12, 13, 14, 15,

16, 17, 18, 19, 20, 23, aboutme, brushes, layout, links) -->
<table id="Table_01" width="800" height="425" border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td>
            <img src="images/img01.jpg" width="132" height="74" alt=""

/></td>
        <td>
            <img src="images/img02.gif" width="144" height="74" alt=""

/></td>
        <td>
            <img src="images/img03.gif" width="185" height="74" alt=""

/></td>
        <td colspan="3">
            <img src="images/img04.gif" width="149" height="74" alt=""

/></td>
        <td>
            <img src="images/img05.gif" width="161" height="74" alt=""

/></td>
        <td width="29" height="425" rowspan="8">
            <img src="images/spacer.gif" width="29" height="425" alt=""

/></td>
    </tr>
    <tr>
        <td>
            <img src="images/img07.gif" width="132" height="171" alt=""

/></td>
        <td>
            <img src="images/img08.gif" width="144" height="171" alt=""

/></td>
        <td>
            <img src="images/img09.gif" width="185" height="171" alt=""

/></td>
        <td colspan="3">
            <img src="images/img10.gif" width="149" height="171" alt=""

/></td>
        <td>
            <img src="images/img11.gif" width="161" height="171" alt=""

/></td>
    </tr>
    <tr>
        <td>
            <img src="images/img12.gif" width="132" height="108" alt=""

/></td>
        <td>
            <img src="images/img13.gif" width="144" height="108" alt=""

/></td>
        <td>
            <img src="images/img14.gif" width="185" height="108" alt=""

/></td>
        <td colspan="3">
            <img src="images/img15.gif" width="149" height="108" alt=""

/></td>
        <td>
            <img src="images/img16.gif" width="161" height="108" alt=""

/></td>
    </tr>
    <tr>
        <td rowspan="4">
            <img src="images/img17.gif" width="132" height="60" alt=""

/></td>
        <td rowspan="4">
            <img src="images/img18.gif" width="144" height="60" alt=""

/></td>
        <td rowspan="4">
            <img src="images/img19.gif" width="185" height="60" alt=""

/></td>
        <td rowspan="4">
            <img src="images/img20.gif" width="27" height="60" alt=""

/></td>
        <td>
            <a href="http://alluringdejection.retrokill.org/aboutme.html"

target="_self"
                onmouseover="changeImages('aboutme',

'images/aboutme-over.gif'); return true;"
                onmouseout="changeImages('aboutme',

'images/aboutme.gif'); return true;"
                onmousedown="changeImages('aboutme',

'images/aboutme-over.gif'); return true;"
                onmouseup="changeImages('aboutme',

'images/aboutme-over.gif'); return true;">
                <img name="aboutme" src="images/aboutme.gif"

width="60" height="13" border="0" alt="about me." /></a></td>
        <td rowspan="4">
            <img src="images/img22.gif" width="62" height="60" alt=""

/></td>
        <td rowspan="4">
            <img src="images/img23.jpg" width="161" height="60" alt=""

/></td>
    </tr>
    <tr>
        <td>
            <a href="http://alluringdejection.retrokill.org/layout.html"

target="_self"
                onmouseover="changeImages('layout',

'images/layout-over.gif'); return true;"
                onmouseout="changeImages('layout',

'images/layout.gif'); return true;"
                onmousedown="changeImages('layout',

'images/layout-over.gif'); return true;"
                onmouseup="changeImages('layout',

'images/layout-over.gif'); return true;">
                <img name="layout" src="images/layout.gif"

width="60" height="15" border="0" alt="layout." /></a></td>
    </tr>
    <tr>
        <td>
            <a href="http://alluringdejection.retrokill.org/links.html"

target="_self"
                onmouseover="changeImages('links',

'images/links-over.gif'); return true;"
                onmouseout="changeImages('links',

'images/links.gif'); return true;"
                onmousedown="changeImages('links',

'images/links-over.gif'); return true;"
                onmouseup="changeImages('links',

'images/links-over.gif'); return true;">
                <img name="links" src="images/links.gif" width="60"

height="13" border="0" alt="links." /></a></td>
    </tr>
    <tr>
        <td>
            <a href="http://alluringdejection.retrokill.org/brushes.html"

target="_self"
                onmouseover="changeImages('brushes',

'images/brushes-over.jpg'); return true;"
                onmouseout="changeImages('brushes',

'images/brushes.jpg'); return true;"
                onmousedown="changeImages('brushes',

'images/brushes-over.jpg'); return true;"
                onmouseup="changeImages('brushes',

'images/brushes-over.jpg'); return true;">
                <img name="brushes" src="images/brushes.jpg"

width="60" height="19" border="0" alt="brushes." /></a></td>
    </tr>
    <tr>
        <td width="771" height="12" colspan="7">
            <img src="images/spacer.gif" width="771" height="12" alt=""

/></td>
    </tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>
Kathleen
Jul 28 2006, 03:39 PM
Anyone? XD.gif
mona lisa
Jul 30 2006, 12:03 PM
The random title script works for me but I can't tell what's going on with the rollovers because none of the images load. Server's down or too much bandwidth? But I'm using Firefox and the script works.
mipadi
Jul 30 2006, 09:21 PM
I'd suggest wrapping the random-title generation code in a function, like this:
CODE
<script language="Javascript" type="text/javascript">
    function set_ran_title()
    {
        /* insert current title-generating code here */
    }
</noscript>
Kathleen
Aug 2 2006, 06:29 AM
Okay. I shall try that! Thank you.
Kathleen
Aug 26 2006, 11:36 PM
Eep. It took me forever to try that, but it still didn't work. sad.gif
Azarel
Aug 27 2006, 09:01 PM
404 error, page not found? :\
Kathleen
Aug 29 2006, 02:37 PM
Oh the topic's old. Now it's just my page. I've basically given up. sad.gif

http://alluringdejection.retrokill.org/wp/
verbalistic
Aug 30 2006, 08:08 PM
You were double posting and nobody say anything about it ? shifty.gif Watch when I do it, everyone's going to jump on my back. rolleyes.gif
mona lisa
Aug 30 2006, 08:17 PM
QUOTE(verbalistic @ Aug 30 2006, 9:08 PM) *
You were double posting and nobody say anything about it ? shifty.gif Watch when I do it, everyone's going to jump on my back. rolleyes.gif
It's called bumping a help topic when the poster still needs help. And, you are spamming. I've seen you making useless posts on more than one occasion. This is your verbal warning. Continue and you will get a raised warning level.
verbalistic
Aug 30 2006, 08:21 PM
Aug. 2nd from Aug. 26 that's bumping a topic? psh Also this is the INTERNET I don't have to LISTEN to you..tyvm. rolleyes.gif Give me a warning, like I really care.
technicolour
Aug 30 2006, 09:04 PM
Yes, thats bumping a topic. Clearly she didn't figure it out since then so she was bumping it with intentions that if someone did know then they could help her.

And it may be the internet, honey, but you're a part of this community. And this community has rules. Follow them, and be nice, then everyone else is nice. But be completely rude then people are rude back.

Its how things work.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.