Map und beim hover transparent

[GFENONO]

Hallo

Ich habe auf meiner Page ein Popup, dass das vergrößerte Bild anzeigt. Am rechten und linken Rand habe ich jeweils eine Map erstellt die das weiterklicken zum nächsten Bild ermöglicht. Nun möchte ich aber das wenn man über diesen Bereich drüberfährt, also hover, dass das eigentliche Bild dann in diesem Bereich transparent wird. Kann man sowas verwirklichen?
Hier noch der Code:

echo '<img style="z-index:0; position: relative;" border="0" src="gallery/'.$folder.'/'.$row['bild'].'" usemap="#Map">';

 echo' <map name="Map" id="Map">';
 
if (($idnext -1) < $number){
    	echo '<area shape="rect" coords="'.$abstleft.',0,'.$size[0].',640" href="bildgross.php?folder='.$folder.'&id='.$idnext.'" alt="Nächstes Bild" title="Nächstes Bild" />';
		}		
		
echo' <area shape="rect" coords="100,0,'.$abstleft.',640" href="" onClick="javascript:self.close()" alt="Schließen" title="Schließen"/>';

if ($id > 1){
 echo' <area shape="rect" coords="0,0,100,640" href="bildgross.php?folder='.$folder.'&id='.$idprev.'" alt="Übersicht" title="Vorheriges Bild" />';
 }
 
 echo '</map>';

 

[Maik]

Hi.

<img id="Gallery" style="opacity:1; filter:alpha(opacity=100); z-index:0; position: relative;" border="0" src="gallery/'.$folder.'/'.$row['bild'].'" usemap="#Map">

Und in den <area>-Tags notierst du:

onmouseover="document.getElementById('Gallery').style.opacity=0.5;document.getElementById('Gallery').filters.alpha.opacity='50'" onmouseout="document.getElementById('Gallery').style.opacity=1;document.getElementById('Gallery').filters.alpha.opacity='100'"

 

[GFENONO]

er sagt mir dann bei der folgenden zeile den fehler:

Parse error: syntax error, unexpected T_STRING, expecting ',' or ';' in D:\Eigene Dateien\Homepage\gfe-crew\bildgross.php on line 36

  echo '<area onmouseover="document.getElementById('Gallery').style.opacity=0.5;document.getElementById('Gallery').filters.alpha.opacity='50'" onmouseout="document.getElementById('Gallery').style.opacity=1;document.getElementById('Gallery').filters.alpha.opacity='100'" shape="rect" coords="'.$abst.',0,'.$size[0].',640" href="bildgross.php?folder='.$folder.'&id='.$idnext.'" alt="Nächstes Bild" title="Nächstes Bild" />';

Finde den Fehler leider nicht...

 

[Maik]

Die einfachen Anführungszeichen müssen in PHP escapet werden:

onmouseover="document.getElementById(\'Gallery\').style.opacity=0.5;document.getElementById(\'Gallery\').filters.alpha.opacity=\'50\'" onmouseout="document.getElementById(\'Gallery\').style.opacity=1;document.getElementById(\'Gallery\').filters.alpha.opacity=\'100\'"

 

[GFENONO]

das mit dem transparent funktioniert soweit fast. nur das bild wird ab und zu komplett weiß und ich wollte das nur der area bereich dann transparent wird und nicht das ganze bild. ist das möglich?

 

[Maik]

Auf das area-Tag hast du meines Wissens keinen Einfluss, um seine Transparenz zu verändern.

 

[GFENONO]

mhhh das ist aber schade...ich dachte das würde funktionieren...aber nunja vllt kann ich durch deine hilfe trotzdem daran was machen..danke erstmal