Log In · Register

 
Image slicing + html problem
visionzstyle
post Mar 23 2007, 07:52 PM
Post #1


Senior Member
***

Group: Member
Posts: 35
Joined: Jan 2007
Member No: 492,619



Alright im pretty terrible @ html so i need some help laugh.gif

before i begin my problem deals with an html image with slicing and myspace

im having a problem posting up an html i made of an image that contains slices. This image was made so once clicked, it would go to a webpage. However, the only way it worked was if it was saved as an .html. Now everytime I try to open it with dreamweaver it would show the html code but when i paste it onto my myspace it will fill in some values of the code to ...

Heres my code:

CODE
<html>
<head>
<title>Blur jmzy</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<!-- ImageReady Preload Script (Blur jmzy.psd) -->
<script type="text/javascript">
<!--

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

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

// -->
</script>
<!-- End Preload Script -->
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (Blur jmzy.psd) -->
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=10313789"
    onmouseover="changeImages('Blur_jmzy_01', 'images/Blur-jmzy_01-over.gif'); return true;"
    onmouseout="changeImages('Blur_jmzy_01', 'images/Blur-jmzy_01.gif'); return true;"
    onmousedown="changeImages('Blur_jmzy_01', 'images/Blur-jmzy_01-over.gif'); return true;"
    onmouseup="changeImages('Blur_jmzy_01', 'images/Blur-jmzy_01-over.gif'); return true;">
    <img name="Blur_jmzy_01" src="images/Blur-jmzy_01.gif" width="400" height="200" border="0" alt=""></a>
<!-- End ImageReady Slices -->
</body>
</html>
 
 
Start new topic
Replies (1 - 5)
Relentless
post Mar 23 2007, 09:17 PM
Post #2


sang loves hayden.
*******

Group: Staff Alumni
Posts: 3,373
Joined: Feb 2004
Member No: 5,687



Don't USE dreamweaver. Dreamweaver coding doesnt work well with myspace.

Here's what you should do:

Go to a notepad/wordpad program in ur programs.
File -> Open -> Find the .HTML file and open it.

That's the code you should use for image slicing. Upload all the necessary images and put them in the code. Take the code and put it on you're myspace in a div. (=
 
freeflow
post Mar 23 2007, 10:27 PM
Post #3


t-t-t-toyaaa
********

Group: Official Member
Posts: 19,821
Joined: Apr 2004
Member No: 11,270



I see what you did and that code will probably not work at all. Because it needs a javascript code to function which is not allowed on myspace.

So I suggest reslicing it w/o image rollovers or whatever you were trying to do. Then if you want the rollovers read the tutorials in scripts.
 
visionzstyle
post Mar 24 2007, 12:09 AM
Post #4


Senior Member
***

Group: Member
Posts: 35
Joined: Jan 2007
Member No: 492,619



Im soooo confused.

Alright heres my plan.

Im using a div layout and theres pictures on the layout that are linked to urls. I wanted those pictures to have rollover effects.I have made rollover effects but it didn't work since the html wasn't correct and what not. So right now I have the image on photoshop without rollover but im not sure if I should slice the text ( the picture thats linked to a url ) or the whole layout since i dont really have a basic knowledge about slicing.
 
Relentless
post Mar 24 2007, 01:22 AM
Post #5


sang loves hayden.
*******

Group: Staff Alumni
Posts: 3,373
Joined: Feb 2004
Member No: 5,687



Oh.

Use this for rollovers.
http://www.createblog.com/scripts/download.php?id=325
 
freeflow
post Mar 24 2007, 01:35 AM
Post #6


t-t-t-toyaaa
********

Group: Official Member
Posts: 19,821
Joined: Apr 2004
Member No: 11,270



I would suggest this, you will use the script linked above, but you should slice the entire layout. Then for the rollover links (if there are any) you will make them links etc, in imageready by slicing, but you will not add the rollovers through imageready. So basically you should just have slices and some with links.

Secondly, you should add in all the urls, etc.

Then lastly, read the script, and then implement the script to the parts of the slices that need to be rolled over.


Get it? Dang I think I even confused myself. pinch.gif
 

Closed TopicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members: