Imageready speichert falschen HTML-Code

artdesigners

Grünschnabel
Hallo,

habe in Imageready CS meine Seite zerschnitten und mit Rollover ausgestattet. Wenn ich sie jetzt optimiert speichere, wird der HTML-Code nur "einfach" gespeichert. D.h., daß die Rollover-Funktion nicht mitgespeichert wird und ich nur eine starre Seite habe.
Wo kann ich einstellen, daß der richtige Code gespeichert wird.
Danke mal für Eure Hilfe.

Gruß
Markus
 
Gudy hat gesagt.:
oder ist kein java bei dir aktiviert.....
Photoshop produziert kein Java. Was Du meinst, ist sicherlich JavaScript, und das ist
was vollkommen anderes. dies nur zur Info

@artdesigners:
Normalerweise speichert Image Ready alles richtig. Da muss dann wohl der Fehler bei Deinen
Rollovers liegen. Wie versuch13 schon sagte: Zeig einfach mal den Code und dann sehen
wir, ob Du die Rollover überhaupt richtig definiert hast.

Gruss
 
Leider reicht es nicht, einen Over-Status im Slice zu definieren.
Man muss tatsächlich auch den Out-Status explizit definieren.
Erst dann wird das entsprechende JavaScript (mit Preloader) erzeugt.

Gruß
Martin
 
Hallo,

hier ist der HTML-Code:

HTML:
<html>
<head>
<title>Artista_11042005</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (11042005.psd) -->
<table id="Tabelle_01" width="801" height="551" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td colspan="22">
			<img src="Bilder/index_01.gif" width="800" height="2" alt=""></td>
		<td>
			<img src="Bilder/spacer.gif" width="1" height="2" alt=""></td>
	</tr>
	<tr>
		<td rowspan="8">
			<img src="Bilder/index_02.gif" width="1" height="548" alt=""></td>
		<td colspan="14" rowspan="2">
			<img src="Bilder/index_03.gif" width="530" height="285" alt=""></td>
		<td rowspan="3">
			<img src="Bilder/index_04.gif" width="2" height="459" alt=""></td>
		<td colspan="5">
			<img src="Bilder/index_05.gif" width="265" height="143" alt=""></td>
		<td rowspan="8">
			<img src="Bilder/index_06.gif" width="2" height="548" alt=""></td>
		<td>
			<img src="Bilder/spacer.gif" width="1" height="143" alt=""></td>
	</tr>
	<tr>
		<td colspan="5">
			<img src="Bilder/index_07.gif" width="265" height="142" alt=""></td>
		<td>
			<img src="Bilder/spacer.gif" width="1" height="142" alt=""></td>
	</tr>
	<tr>
		<td colspan="14">
			<img src="Bilder/index_08.gif" width="530" height="174" alt=""></td>
		<td colspan="5">
			<img src="Bilder/index_09.gif" width="265" height="174" alt=""></td>
		<td>
			<img src="Bilder/spacer.gif" width="1" height="174" alt=""></td>
	</tr>
	<tr>
		<td colspan="3">
			<img src="Bilder/index_10.gif" width="172" height="33" alt=""></td>
		<td>
			<img src="Bilder/index_11.gif" width="52" height="33" alt=""></td>
		<td colspan="3">
			<img src="Bilder/index_12.gif" width="53" height="33" alt=""></td>
		<td>
			<img src="Bilder/index_13.gif" width="48" height="33" alt=""></td>
		<td colspan="3">
			<img src="Bilder/index_14.gif" width="41" height="33" alt=""></td>
		<td colspan="4">
			<img src="Bilder/index_15.gif" width="166" height="33" alt=""></td>
		<td colspan="3">
			<img src="Bilder/index_16.gif" width="102" height="33" alt=""></td>
		<td colspan="2">
			<img src="Bilder/index_17.gif" width="163" height="33" alt=""></td>
		<td>
			<img src="Bilder/spacer.gif" width="1" height="33" alt=""></td>
	</tr>
	<tr>
		<td rowspan="4">
			<img src="Bilder/index_18.gif" width="138" height="56" alt=""></td>
		<td rowspan="3">
			<img src="Bilder/index_19.gif" width="25" height="38" alt=""></td>
		<td colspan="3">
			<img src="Bilder/index_20.gif" width="77" height="10" alt=""></td>
		<td rowspan="3">
			<img src="Bilder/index_21.gif" width="24" height="38" alt=""></td>
		<td colspan="3">
			<img src="Bilder/index_22.gif" width="73" height="10" alt=""></td>
		<td rowspan="3">
			<img src="Bilder/index_23.gif" width="25" height="38" alt=""></td>
		<td colspan="2">
			<img src="Bilder/index_24.gif" width="77" height="10" alt=""></td>
		<td rowspan="3">
			<img src="Bilder/index_25.gif" width="26" height="38" alt=""></td>
		<td colspan="3">
			<img src="Bilder/index_26.gif" width="70" height="10" alt=""></td>
		<td rowspan="3">
			<img src="Bilder/index_27.gif" width="40" height="38" alt=""></td>
		<td>
			<img src="Bilder/index_28.gif" width="59" height="10" alt=""></td>
		<td rowspan="3">
			<img src="Bilder/index_29.gif" width="31" height="38" alt=""></td>
		<td rowspan="4">
			<img src="Bilder/index_30.gif" width="132" height="56" alt=""></td>
		<td>
			<img src="Bilder/spacer.gif" width="1" height="10" alt=""></td>
	</tr>
	<tr>
		<td rowspan="3">
			<img src="Bilder/index_31.gif" width="9" height="46" alt=""></td>
		<td>
			<img src="Bilder/index_32.gif" width="52" height="17" alt=""></td>
		<td rowspan="3">
			<img src="Bilder/index_33.gif" width="16" height="46" alt=""></td>
		<td rowspan="3">
			<img src="Bilder/index_34.gif" width="13" height="46" alt=""></td>
		<td>
			<img src="Bilder/index_35.gif" width="48" height="17" alt=""></td>
		<td rowspan="3">
			<img src="Bilder/index_36.gif" width="12" height="46" alt=""></td>
		<td rowspan="3">
			<img src="Bilder/index_37.gif" width="4" height="46" alt=""></td>
		<td>
			<img src="Bilder/index_38.gif" width="73" height="17" alt=""></td>
		<td colspan="2">
			<img src="Bilder/index_39.gif" width="67" height="17" alt=""></td>
		<td rowspan="3">
			<img src="Bilder/index_40.gif" width="3" height="46" alt=""></td>
		<td>
			<img src="Bilder/index_41.gif" width="59" height="17" alt=""></td>
		<td>
			<img src="Bilder/spacer.gif" width="1" height="17" alt=""></td>
	</tr>
	<tr>
		<td rowspan="2">
			<img src="Bilder/index_42.gif" width="52" height="29" alt=""></td>
		<td rowspan="2">
			<img src="Bilder/index_43.gif" width="48" height="29" alt=""></td>
		<td rowspan="2">
			<img src="Bilder/index_44.gif" width="73" height="29" alt=""></td>
		<td colspan="2" rowspan="2">
			<img src="Bilder/index_45.gif" width="67" height="29" alt=""></td>
		<td rowspan="2">
			<img src="Bilder/index_46.gif" width="59" height="29" alt=""></td>
		<td>
			<img src="Bilder/spacer.gif" width="1" height="11" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="Bilder/index_47.gif" width="25" height="18" alt=""></td>
		<td>
			<img src="Bilder/index_48.gif" width="24" height="18" alt=""></td>
		<td>
			<img src="Bilder/index_49.gif" width="25" height="18" alt=""></td>
		<td>
			<img src="Bilder/index_50.gif" width="26" height="18" alt=""></td>
		<td>
			<img src="Bilder/index_51.gif" width="40" height="18" alt=""></td>
		<td>
			<img src="Bilder/index_52.gif" width="31" height="18" alt=""></td>
		<td>
			<img src="Bilder/spacer.gif" width="1" height="18" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="Bilder/spacer.gif" width="1" height="1" alt=""></td>
		<td>
			<img src="Bilder/spacer.gif" width="138" height="1" alt=""></td>
		<td>
			<img src="Bilder/spacer.gif" width="25" height="1" alt=""></td>
		<td>
			<img src="Bilder/spacer.gif" width="9" height="1" alt=""></td>
		<td>
			<img src="Bilder/spacer.gif" width="52" height="1" alt=""></td>
		<td>
			<img src="Bilder/spacer.gif" width="16" height="1" alt=""></td>
		<td>
			<img src="Bilder/spacer.gif" width="24" height="1" alt=""></td>
		<td>
			<img src="Bilder/spacer.gif" width="13" height="1" alt=""></td>
		<td>
			<img src="Bilder/spacer.gif" width="48" height="1" alt=""></td>
		<td>
			<img src="Bilder/spacer.gif" width="12" height="1" alt=""></td>
		<td>
			<img src="Bilder/spacer.gif" width="25" height="1" alt=""></td>
		<td>
			<img src="Bilder/spacer.gif" width="4" height="1" alt=""></td>
		<td>
			<img src="Bilder/spacer.gif" width="73" height="1" alt=""></td>
		<td>
			<img src="Bilder/spacer.gif" width="26" height="1" alt=""></td>
		<td>
			<img src="Bilder/spacer.gif" width="65" height="1" alt=""></td>
		<td>
			<img src="Bilder/spacer.gif" width="2" height="1" alt=""></td>
		<td>
			<img src="Bilder/spacer.gif" width="3" height="1" alt=""></td>
		<td>
			<img src="Bilder/spacer.gif" width="40" height="1" alt=""></td>
		<td>
			<img src="Bilder/spacer.gif" width="59" height="1" alt=""></td>
		<td>
			<img src="Bilder/spacer.gif" width="31" height="1" alt=""></td>
		<td>
			<img src="Bilder/spacer.gif" width="132" height="1" alt=""></td>
		<td>
			<img src="Bilder/spacer.gif" width="2" height="1" alt=""></td>
		<td></td>
	</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>

edit Mod: Ich war mal so frei und hab den Code in Tags gesetzt
 
Hai,

stell mal bei IR unter Ausgabe Einstellungen - Slices - Leere Zellen : NoWrap, TD W&H ein. Dann verschwinden die spacer.gifs und das ganze wird übersichtlicher.

Ansonsten hast du den Bild nur geslicest. Die Rollover Funktion (javascript) fehlt.

Es sollte so in der Art aussehen :
PHP:
<HTML>
<HEAD>
<TITLE>Slice sechs</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<!-- ImageReady Preload Script (Slice sechs.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) {
		Slice_sechs_Fotos_SW_rot_over = newImage("Bilder/Slice-sechs_Fotos-SW-rot-ov.gif");
		Slice_sechs_Fotos_Farbe_rot_over = newImage("Bilder/Slice-sechs_Fotos-Farbe--07.gif");
		Slice_sechs_PS__rot_over = newImage("Bilder/Slice-sechs_PS--rot-over.gif");
		Slice_sechs_rurot_over = newImage("Bilder/Slice-sechs_rurot-over.gif");
		Slice_sechs_murot_over = newImage("Bilder/Slice-sechs_murot-over.gif");
		Slice_sechs_lurot_over = newImage("Bilder/Slice-sechs_lurot-over.gif");
		preloadFlag = true;
	}
}

// -->
</SCRIPT>
<!-- End Preload Script -->
</HEAD>
<BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0 ONLOAD="preloadImages();">
<!-- ImageReady Slices (Slice sechs.psd) -->
<TABLE WIDTH=735 BORDER=0 CELLPADDING=0 CELLSPACING=0>
	<TR>
		<TD COLSPAN=16>
			<IMG SRC="Bilder/Slice-sechs_leola13.gif" WIDTH=735 HEIGHT=299 ALT=""></TD>
		<TD HEIGHT=299 NOWRAP></TD>
	</TR>
	<TR>
		<TD ROWSPAN=12>
			<IMG SRC="Bilder/Slice-sechs_leola13-02.gif" WIDTH=99 HEIGHT=251 ALT=""></TD>
		<TD COLSPAN=2>
			<A HREF="#"
				ONMOUSEOVER="changeImages('Slice_sechs_Fotos_SW_rot', 'Bilder/Slice-sechs_Fotos-SW-rot-ov.gif'); return true;"
				ONMOUSEOUT="changeImages('Slice_sechs_Fotos_SW_rot', 'Bilder/Slice-sechs_Fotos-SW-rot.gif'); return true;">
				<IMG NAME="Slice_sechs_Fotos_SW_rot" SRC="Bilder/Slice-sechs_Fotos-SW-rot.gif" WIDTH=106 HEIGHT=91 BORDER=0 ALT=""></A></TD>
		<TD COLSPAN=2 ROWSPAN=5>
			<IMG SRC="Bilder/Slice-sechs_leola13-05.gif" WIDTH=94 HEIGHT=121 ALT=""></TD>
		<TD COLSPAN=3>

Irgendwo hast du da einen grundsätzlichen Fehler drin.

Ciao Stefan
 
Das ist mir klar, daß das Javascript-Abteil fehlt.

Ich habe die Slices gesetzt und auch die Rollover-Funktionen. Aber irgendwie will Imageready die nicht umsetzen.
In Photoshop 7 hat das immer funktioniert, aber in CS gehts wohl nimmer so einfach.
 
Hai,

bei CS klink ich mich aus. :(

Aber grundlegende Änderungen sollten sich doch wohl nicht ergeben haben ?

Ciao Stefan
 
Schreib ich mit unsichtbarer Tinte?
Oder willst du die Lösung gar nicht haben?
Oder was ist los?
:rolleyes:
 
Zurück