Help - Search - Members - Calendar
Full Version: roll over help.
Forums > Resource Center > Webmasters' Corner > Webmasters' Corner Resolved Topics
shorty_d09
Jun 29 2007, 11:51 PM
ok. for my new myspace page i made roll over links in imageready. then when i was done making them i got an image folder, and some html links which are the roll overs.

ok. so where can i uplaod the files cause i cant find anywhere to upload it. and when i do. what put of the code do i use.
YourSuperior
Jun 29 2007, 11:52 PM
You're wanting to upload the images?
shorty_d09
Jun 29 2007, 11:56 PM
no. i need to uplaod the html files.

or do uknow how to get the rollover images from imageready online?
YourSuperior
Jun 29 2007, 11:58 PM
You can sign up for a free account at http://freewebs.com, and you can host the html files there.
speakerboxx123
Jun 29 2007, 11:58 PM
i think you already posted this.

http://www.createblog.com/forums/index.php...view=getnewpost
YourSuperior
Jun 29 2007, 11:59 PM
He made like 3 or four.
^A moderator has already been notified.
shorty_d09
Jun 30 2007, 12:06 AM
lmao. srry u guys. i didnt know where to post it so i posted it in all of them.
shorty_d09
Jun 30 2007, 12:07 AM
and when i upload them. how do i put them on my myspace?

do i put the whole code.
YourSuperior
Jun 30 2007, 12:07 AM
^It's okay. So did you sign up for free webs?
shorty_d09
Jun 30 2007, 12:19 AM
hold on.
shorty_d09
Jun 30 2007, 12:20 AM
ok. dont i have to upload the image folder that imageready gave me??

if so where do i do that.
YourSuperior
Jun 30 2007, 12:27 AM
Try not to double post. Anyway, when you first sign in look on the left at the menu and click on site manager, then when it comes up select the single file uploader.
shorty_d09
Jun 30 2007, 12:32 AM
i did do that. but do i have to upload all the images seperatly. or can i upload the folder?
YourSuperior
Jun 30 2007, 12:39 AM
You'll have to upload each file seperately.
shorty_d09
Jun 30 2007, 12:41 AM
ok. i uploaded the images from the folder. but then when i uploaded the html. i got an x on the image.
YourSuperior
Jun 30 2007, 12:44 AM
That's because you need to change the urls in your html file so the images will appear properly.
shorty_d09
Jun 30 2007, 12:47 AM
o. sohow do i do that?
YourSuperior
Jun 30 2007, 12:54 AM
When you upload the files, the file names should appear under "File Manger". You should be able to click on the filenames and the image and the url pop up. So you copy the image url, and put it in your html file coding. And you do that for each image.
shorty_d09
Jun 30 2007, 12:57 AM
wait u lost me.

so where do i go to get the html coding?
YourSuperior
Jun 30 2007, 12:59 AM
You said you uploaded the html file. The html file contians the coding.
shorty_d09
Jun 30 2007, 01:04 AM
ok. here is the html code. where do i put the pic links?

CODE
<html>
<head>
<title>Untitled-4</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<!-- ImageReady Preload Script (Untitled-4) -->
<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) {
        add_me_Layer_1_over = newImage("images/add-me_Layer-1-over.gif");
        preloadFlag = true;
    }
}

// -->
</script>
<!-- End Preload Script -->
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onload="preloadImages();">
<!-- ImageReady Slices (Untitled-4) -->
<a href="#"
    onmouseover="changeImages('add_me_Layer_1', 'images/add-me_Layer-1-over.gif'); return true;"
    onmouseout="changeImages('add_me_Layer_1', 'images/add-me_Layer-1.gif'); return true;"
    onmousedown="changeImages('add_me_Layer_1', 'images/add-me_Layer-1-over.gif'); return true;"
    onmouseup="changeImages('add_me_Layer_1', 'images/add-me_Layer-1-over.gif'); return true;">
    <img name="add_me_Layer_1" src="images/add-me_Layer-1.gif" width="189" height="43" border="0" alt=""></a>
<!-- End ImageReady Slices -->
</body>
</html>
YourSuperior
Jun 30 2007, 01:06 AM
I can do it for you if you want. Can you PM me ALL of the image urls that you uploaded?
shorty_d09
Jun 30 2007, 01:15 AM
well. i wanted to learn how to do it myself. so i would know how if i ever had to do it again.

but i will send them in the morning.
YourSuperior
Jun 30 2007, 01:19 AM
I just wanted to make it easier on you but I'll explain since you're willing to learn.

You put the correct image urls that belong in each red spot below:

QUOTE
<html>
<head>
<title>Untitled-4</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<!-- ImageReady Preload Script (Untitled-4) -->
<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) {
add_me_Layer_1_over = newImage("images/add-me_Layer-1-over.gif");
preloadFlag = true;
}
}

// -->
</script>
<!-- End Preload Script -->
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onload="preloadImages();">
<!-- ImageReady Slices (Untitled-4) -->
<a href="#"
onmouseover="changeImages('add_me_Layer_1', 'images/add-me_Layer-1-over.gif'); return true;"
onmouseout="changeImages('add_me_Layer_1', 'images/add-me_Layer-1.gif'); return true;"
onmousedown="changeImages('add_me_Layer_1', 'images/add-me_Layer-1-over.gif'); return true;"
onmouseup="changeImages('add_me_Layer_1', 'images/add-me_Layer-1-over.gif'); return true;">
<img name="add_me_Layer_1" src="/images/add-me_Layer-1.gif" width="189" height="43" border="0" alt=""></a>
<!-- End ImageReady Slices -->
</body>
</html>
shorty_d09
Jun 30 2007, 02:32 PM
thanx you so much i got it to work.
shorty_d09
Jun 30 2007, 03:32 PM
ok. now my problem is. how do i put them on my myspace.


cause the
CODE
<img src="">

doesnt seem to work with the html image file.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.