Bild-Einfaden beschleunigen und Texteinblendung an anderer Stelle bei mouseover?!

[tribunmaster]

Aloa

Hätte ein kleines Problem und zwar habe ich auf meiner nächsten Seite (clanhp) unten links ne Art kleine Galerie mit dem Spielern, wo man draufklicken kann und dann zur jeweiligen "Info.htm" des jewelige Spielers weitergeleitet wird. Die Fotos werden bei mouseover per JS eingefadet und meine 1. Frage ist wie man das einfaden beschleunigen kann, hier mal das entsprechende Script welches Ich verwende:

</script>
<script language="JavaScript1.2">
function high(which2)
{theobject=which2
highlighting=setInterval("highlightit(theobject)",50)
}function low(which2)
{clearInterval(highlighting)
which2.filters.alpha.opacity=40
}function highlightit(cur2)
{if(cur2.filters.alpha.opacity<100)
cur2.filters.alpha.opacity+=5
else if(window.highlighting)
clearInterval(highlighting)
}
</script>

und der Code vom jeweiligen Bild:

<img src="andre1.jpg" width="37" height="53" border="0" class="inset" style="FILTER: alpha(opacity=50)" ONMOUSEOVER="high(this)" ONMOUSEOUT="low(this)">

Und mal der Link zu der HP an der ich nun fummel:
http://www.dance-factory-berlin.de/indexbong.html

Meine 2. frage wäre dann wie Ich bei mouseover nun am Beispiel dieser Fotos, an anderer Stelle einen text einblenden kann? Hier mal ein Beispiel was Ich meine:
http://www.team3d.net da wird das auch verwendet unten mittig auf der HP.
Wäre super wenn mir da wer helfen könnte, danke schonmal im Vorraus.

greetz
Andre

 

[Sven Mintel]

zum 1.

highlighting=setInterval("highlightit(theobject)",50)

...wähle statt der 50 einen geringeren Wert

zum 2.
z.B. In dem du dort , wo der Text erscheinen soll, ein leeres Element(div,span,sonstwas) hinpackst, und dessen innerHTML- Eigenschaft beim mouseover mit dem gewünschten Text versiehst.

 

[tribunmaster]

Danke für die Antwort, das erste Problem hat sich damit erübrigt, beim 2. allerdings bzw. deiner Erklärung blick Ich nicht so recht durch, zumal ich auf dem Gebiet noch ziemlich am Anfang stehe und froh bin das Ich die HP bis hierhin erstmal hinbekommen habe.

Habe wie von dir beschrieben nun ne leere Ebene/div dort hingepackt wo der Text erscheinen soll, aber wo finde Ich die angesprochene "innerHTML- Eigenschaft" und wie verknüpfe Ich dann selbige mit dem Mouseover?!

Hier mal der Code von dem div :

<div id="Layer11" style="position:absolute; width:181px; height:21px; z-index:8; left: 8px; top: 146px;"></div>

Zum besseren Verständniss hier mal genau das was ich brauche in FLASH erstellt, und links daneben in HTML / JS nur eben ohne der Texteinblendung, welche Ich bisher nicht hinbekomme:
http://www.dance-factory-berlin.de/linksframe.htm
Kannst du mir evtl. anfängerfreundlich erläutern wie Ich das anstelle?

greetz
Andre

 

[Sven Mintel]

<img src="andre1.jpg"onmouseover="document.getElementById('Layer11').innerHTML='Das ist Andre';">

... das ist schon alles.

Wenn du den Text beim onmouseout wieder entfernen willst, weise der innerHTML-Eigenschaft eine leere Zeichenkette zu(also identischer Code, nur das Das ist Andre zwischen den Quotes entfernen)

 

[tribunmaster]

Das geht schonmal , danke dafür. Aber wie bekomm Ich für den eingeblendeten Text ne andere Farbe/Grösse/Schriftart o.ä hin? Habs mit "color='#blablub" etc. versucht, hat aber nicht geklappt, hier mal der Code vom ersten Bild wo die Texteinblendung nun geht:

<img src="andre1.jpg" width="37" height="53" border="0" class="inset" style="FILTER: alpha(opacity=50)" ONMOUSEOVER="high(this); document.getElementById('Layer11').innerHTML='Andre TRIBUN Wenk';" ONMOUSEOUT="low(this); document.getElementById('Layer11').innerHTML='';" ></a></div>

Und hier zur Veranschaulichung:
http://www.dance-factory-berlin.de/linksframe.htm

greetz
Andre

 

[Sven Mintel]

Die Farbe musst du "Layer11" zuweisen.
Die Zuweisung an das <pre> darinnen bringt nix, weil dieses Element beim "Einblenden" des Textes überschrieben wird.

 

[tribunmaster]

Danke für deine Hilfe war alles super erklärt und fix umgesetzt!
Eine letzte Frage hätte Ich dann noch und zwar wie krieg Ich es hin einen Text dort unter den Memberpics stehen zu haben, welcher nur verschwindet sobald die Membernamen eingeblendet werden, ansonsten aber immer da stehn soll. So wie ich es schon in Flash gemacht habe zu sehen an folgendem Beispiel:
http://www.dance-factory-berlin.de/member.swf

und hier nun das bisherige Ergebnis in HTML / JS
http://www.dance-factory-berlin.de/linksframe.htm

greetz
Andre