Rollover mit Bildwechsel ohne Bildnr

F

Frank_OL

Hi!

Ich möchte einen Rollovereffekt basteln, aber der Standard-Javascript-HTML-Code erwartet die Angabe der Bildnr. Da der gleiche Rollovereffekt aber unterschiedlich oft an unterschiedlichen Stellen eingesetzt werden soll, darf er nicht von der sonst hochzuzählenden Bildnr abhängig sein.
Wie krieg ich das hin?

Beispiel: http://www.mysimon.com
(Der kleine Rundpfeil)

Besten Dank für Eure Hilfe

Frank
 
Hi,
das verstehe ich nicht, wieso gibts du denn nicht einfach die gleiche Bildnummer ein?



%)
 
hab genau das gleiche problem

hallo,

auch ich bräuchte eine function, die auf die bildnummer verzichten kann.

hintergrund: mein php-script zählt aus einem fetch_array erst die ergebnisse, d.h. ich weiss vorher noch garnicht, wieviele bilder ich tatsächlich zum bildwechseln brauche.

ich hoffe, das war einigermassen verständlich.

//loddar
 
und wenn du die bildnummer bzw die bilder in eine schleife packst, dessen wert du um 1 erhöhst hast du jeweils eine bildnummer und das bild usw....?
 
Und ich versteh' nichtmal, um was es euch geht...

Mit Standard-Javascript-HTML-Code kann hier wohl keiner was anfangen, ohne dass du wenigstens mal entweder relevanten Quelltext postest oder aber zumindest die JavaScript-Methode hier nennst, die du verwendest, denn "RollOver-Effekt" ist ja nun ein mehr als weitläufiger Begriff, da man mit dem MouseOver-EventHandler alles mögliche auslösen kann.

Also bitte nochmal ganz klar hier schreiben:

Was soll bei MouseOver erreicht werden?

Und btw. verlangt afair keine JavaScript-Methode die Angabe einer Bildnummer, da Bildnummern als solche nicht in JavaScript existieren...

Geist
 
der quelltext

so, anbei der quelltext, der eine durchnummerierte bildnummerierung verlangt:

<html>
<head>
<title>Dynamische grafische Buttons</title>
<script type="text/javascript">
<!--
Normal1 = new Image();
Normal1.src = "button1.gif"; /* erste Standard-Grafik */
Highlight1 = new Image();
Highlight1.src = "button1h.gif"; /* erste Highlight-Grafik */

Normal2 = new Image();
Normal2.src = "button2.gif"; /* zweite Standard-Grafik */
Highlight2 = new Image();
Highlight2.src = "button2h.gif"; /* zweite Highlight-Grafik */

Normal3 = new Image();
Normal3.src = "button3.gif"; /* dritte Standard-Grafik */
Highlight3 = new Image();
Highlight3.src = "button3h.gif"; /* dritte Highlight-Grafik */

/* usw. fuer alle weiteren zu benutzenden Grafiken */

function Bildwechsel(Bildnr,Bildobjekt) {
window.document.images[Bildnr].src = Bildobjekt.src;
}
//-->
</script>
<style type="text/css">
<!--
h1 { color:#6363A5; font-family:Arial,sans-serif; }
p { color:#000000; font-family:Arial,sans-serif; }
-->
</style>
</head>
<body bgcolor="#FFFFC0" background="buttonsback.gif" text="#000000">

<table border="0" cellpadding="0" cellspacing="0"><tr>
<td valign="top">

<a href="../../../index.htm"
onMouseOver="Bildwechsel(0,Highlight1)"
onMouseOut="Bildwechsel(0,Normal1)"><img src="button1.gif"
width="130" height="30" border="0" alt="Home"></a><br>
<a href="../../../helferlein/index.htm"
onMouseOver="Bildwechsel(1,Highlight2)"
onMouseOut="Bildwechsel(1,Normal2)"><img src="button2.gif"
width="130" height="30" border="0" alt="Helferlein"></a><br>
<a href="../../../layouts/index.htm"
onMouseOver="Bildwechsel(2,Highlight3)"
onMouseOut="Bildwechsel(2,Normal3)"><img src="button3.gif"
width="130" height="30" border="0" alt="Layouts"></a><br>

</td><td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
<td valign="top">

<h1>Dynamische grafische Buttons</h1>

<p><b>Fahren Sie mit der Maus über die Buttons. Sie dürfen auch draufdrücken ;-)</b></p>

</td>
</tr>
</table>

</body>
</html>


Ich hab aber nur 2 bilder, die jeweils bei mouseover ausgetauscht werden sollen, das aber an verschiedenen positionen innerhalb einer seite.

//loddar
 
so:
im js script eine schleife einbauen die die benötigten sachen ausgibt

for($nr=1;$nr<10;$nr++)
{
echo '
Normal$nr = new Image();
Normal$4nr.src = "button$nr.gif"; /* erste Standard-Grafik */
Highlight$nr = new Image();
Highlight$nr.src = "button$nrh.gif"; /* erste Highlight-Grafik */ ';
}
da sind noch ein paar syntax fehler drin aber ich denke du weisst was ich meine
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück