• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

vorsicht--newbie frage ;): Bildwechsel

flaeche0101

New member
hi und frohes fest,

ich bin absoluter neuling in sachen js und würde gerne einen einfachen bilderwechsel für ein <a href> basteln, der für ie4 nn4.xx und netscape 6 funktioniert.


vielleicht ist jemand so gnädig und hilft mir auf die sprünge, oder teilt mir einen link mit, wo entsprechende tutorials angeboten werden.


mfg


sven
 
dazu benötigst du kein JS. das geht gänzlich im body des html-dokuments.

hier mal ein vorschlag zum bildwechsel:
<A HREF="http://www.google.de/"><IMG SRC="mypic.gif" WIDTH=82 HEIGHT=68 BORDER=0></A>

wirf mal einen blick auf:
http://selfaktuell.teamone.de/
wenn der server offline ist, einfach in ein paar std. wieder probieren.
 
rollover??

hi


danke erstmal für den hinweis.


was ich gerne erreichen möchte ist ein bildwechsel, der immer mit dem gleichen Bild startet, als default sozusagen. wenn man dann mit der mouse über das bild fährt, soll bei onmouseover ein bild random erscheinen (3-4 motive). bei onmouseout soll wieder das startbild zu sehen sein.

ich dachte aber zunächst an einen einfachen bildaustausch, allerdings mit js, um dann später diese random geschichte einzubauen. mein problem ist, daß ich nicht ganz sicher bin, wie man ein array aufbaut, in dem diese randombilder "vorgeladen" werden. und dann hatte ich von einem bekannten ohne erklärung und der möglichkeit der nachfrage folgendes skript erhalten:

<script language="javascript">
<!--
function wechsel(Bild,Dateiname){
window.document.images[Bild].src=Dateiname;
}
// -->
</script>

<div id="menu_a">
<table width="150" height="150" border="0" bgcolor="White" cellpadding="0" cellspacing="0">

<tr>
<td width="150" height="150" border="1" bordercolor="White" align="center" valign="middle">

<a href="a.html" target="unten" onMouseover="wechsel('clients','a_2.jpg')" onFocus="this.blur()" onMouseout="wechsel('clients','a_1.jpg')">

<img src="pics/a_1.jpg" width=146 height=146 alt="furniture" border="0" hspace=0 vspace=0></a>
</td>
</tr>
</table>
</div>


vielleicht könnt ihr mir ja weiter helfen, allerdings würde ich gerne auch nach den vorgaben fragen, die man für andere browser benötigt.

danke erst einmal und einen guten rutsch


gruß

sven
 
Hallo!

Damit das obere Beispiel funktioniert braucht das Bild auch noch einen Namen:

<a href="a.html" target="unten" onMouseover="wechsel('clients','a_2.jpg')" onFocus="this.blur()" onMouseout="wechsel('clients','a_1.jpg')">

<img src="pics/a_1.jpg" width=146 height=146 alt="furniture" border="0" hspace=0 vspace=0 name="clients"></a>

Das mit den zufälligen Bildern wäre auch kein großes Problem, aber ein wenig Arbeit und Zeit sind dann nötig, die ich zur Zeit aber nicht habe.
Wenn dies in nächster Zeit keiner löst werde ich auf dich zurückkommen.
 
comet, das ist echte hilfe :)

hi comet,


darauf wäre ich nie gekommen. danke schön. danke für das angebot mit dem random. vielleicht kann mir ja jemand "über" die jahre hinweg noch helfen.


ich habe nur noch eine frage:

wozu werden in einigen skripten diese "new image=" arrays angelegt?? werden sie dadurch vorgeladen??

und jetzt noch ganz dreist: weisst du zufällig ein skript oder tutorial mit dem ich eine tabelle, die meinetwegen 5 mal so breit wie der bildschirm ist, scrollen kann???


aber wie gesagt, erst mal recht herzlichen dank. es funzt und macht es doch gleich viel ansehnlicher ;))


guten rutsch


grüße sven
 
Zurück
Oben