Dreamweaver 8 bringt mich zum verzweifeln! (roll-over-images)

J

jimithing

Aktives Mitglied
Thread Starter
Dabei seit
25.12.2005
Beiträge
286
Reaktionspunkte
3
hocke hier gerade an ner seite und dreamweaver macht sehr seltsame dinge: jedes mal wenn ich den button (in photoshop cs erstellt) "links" einfüge, macht er mir kein rollover! bei allen anderen buttons funktionierts. ich hab's jetzt schon mehrmals versucht - immer dasselbe! hab aus verzweiflung sogar schon die gesamte seite nochmal neu angefangen - wieder dasselbe! was zum teufel ist das? hat das was mit der bezeichnung "links" zu tun???

alex
 
wieso,du kannst doch in der Menüleiste_einfügen_grafik_rollover

ich hoffe das ist es was du willst




eisman
 
ähm... ja? also das rollover einfügen ist ja gar nicht das thema, sondern das es danach nicht ausgeführt wird. und zwar nur und immer bei einem button, der "links" heist.

get it? ;-)

alex
 
dann benenn den Buttom doch einfach mal um zb. test.
dann wirst du ja sehn was passiert. Vieleicht kann es mit links nichts anfangen

eisman
 
ich meine mich an sowas auch zu erinnern... ist aber schon ne ewigkeit her!
so doof es klingt, ich hab den button einfach "link" genannt, und schon gings...
 
nope, keine besserung durch umbenennung :-(

alex ...software lebt und sie ist böse...
 
dann schieb doch mal den code rüber
damit man esmal nachvollziehen kann

eisman
 
copy&paste ;-)
_________________________

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Unbenanntes Dokument</title>
<style type="text/css">
<!--
body {
background-color: #4B4641;
}
body,td,th {
font-family: Courier New, Courier, monospace;
font-size: 12px;
color: #CCCCCC;
}
a:link {
color: #CCCCCC;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #CCCCCC;
}
a:hover {
text-decoration: underline;
color: #CCCCCC;
}
a:active {
text-decoration: none;
color: #CCCCCC;
}
-->
</style>
<script type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a)&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a.indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a;}}
}

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>

<body onload="MM_preloadImages('../images/buttons/news_over.jpg','../images/buttons/gigs_over.jpg','../images/buttons/audio_over.jpg','../images/buttons/video_over.jpg','../images/buttons/band_over.jpg','../images/buttons/presse_over.jpg','../images/buttons/gaeste_over.jpg','../images/buttons/links_over.jpg','../images/buttons/kontakt_over.jpg')">
<table width="800" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><table width="800" height="75" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left" valign="middle"><img src="../images/obere_zeile_news.jpg" width="800" height="75" /></td>
</tr>
</table></td>
</tr>
<tr>
<td><table width="800" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><a href="news.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('news','','../images/buttons/news_over.jpg',1)"><img src="../images/buttons/news.jpg" alt="news" name="news" width="89" height="25" border="0" id="news" /></a></td>
<td><a href="gigs.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('gigs','','../images/buttons/gigs_over.jpg',1)"><img src="../images/buttons/gigs.jpg" alt="gigs" name="gigs" width="89" height="25" border="0" id="gigs" /></a></td>
<td><a href="audio.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('audio','','../images/buttons/audio_over.jpg',1)"><img src="../images/buttons/audio.jpg" alt="audio" name="audio" width="89" height="25" border="0" id="audio" /></a></td>
<td><a href="video.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('video','','../images/buttons/video_over.jpg',1)"><img src="../images/buttons/video.jpg" alt="video" name="video" width="89" height="25" border="0" id="video" /></a></td>
<td><a href="band.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('band','','../images/buttons/band_over.jpg',1)"><img src="../images/buttons/band.jpg" alt="band" name="band" width="89" height="25" border="0" id="band" /></a></td>
<td><a href="presse.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('presse','','../images/buttons/presse_over.jpg',1)"><img src="../images/buttons/presse.jpg" alt="presse" name="presse" width="89" height="25" border="0" id="presse" /></a></td>
<td><a href="gaeste.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('gaeste','','../images/buttons/gaeste_over.jpg',1)"><img src="../images/buttons/gaeste.jpg" alt="gaeste" name="gaeste" width="89" height="25" border="0" id="gaeste" /></a></td>
<td><a href="links.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('links','','../images/buttons/links_over.jpg',1)"><img src="../images/buttons/links.jpg" alt="link" name="link" width="89" height="25" border="0" id="link" /></a></td>
<td><a href="kontakt.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('kontakt','','../images/buttons/kontakt_over.jpg',1)"><img src="../images/buttons/kontakt.jpg" alt="kontakt" name="kontakt" width="89" height="25" border="0" id="kontakt" /></a></td>
</tr>
</table></td>
</tr>
<tr>
<td><table width="800" height="500" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left" valign="top"><table width="800" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="89" align="left" valign="top">01.05.06</td>
<td width="711" align="left" valign="top">hier ist sie nun, die neue virtuelle bleibe der parkbank<br />
...und da machen wir doch auch glatt erst mal pause bis ende august, weil der axel die n&auml;chsten drei monate in irgend einem komischen ort namens &quot;hawaii&quot; ist.
<p>bis dahin heist es: be there or be square, hang loose und be excellent to eachother! <br />
</p></td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>
 
das einzigste was du jetzt machst, ist nochmals 7x erweitern
bzw modefizieren


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Unbenanntes Dokument</title>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a.indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a;}}
}

function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a)&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>

<body onLoad="MM_preloadImages('link/links_over.jpg','link/links_over.jpg')">
<table width="98" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><a href="link.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image1','','link/links_over.jpg',1)"><img src="link/links.jpg" name="Image1" width="89" height="25" border="0"></a></td>
<td><a href="link.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image2','','link/links_over.jpg',1)"><img src="link/links.jpg" name="Image2" width="89" height="25" border="0"></a></td>
</tr>
</table>
</body>
</html>
müsste dann klappen
eisman
 
sorry, sitz wohl gerade auf dem schlauch. was soll ich denn 7 mal erweitern?

alex
 
pass auf, entpacke die Datei
du brauchst nur noch die Pic's die im Ordner liegen, mit deine zu tauschen.
muss aber die htm aus dem Ordner legen.

bei mir funktionierts

viel spass

der eisman
 
Zuletzt bearbeitet:
excellent! party on dudes!

vielen dank!

alex
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben Unten