Bilderwechsel und das gewechselte Bild als Link anklicken???

[snunik]

Tja, ich hab da ein Problem mit einer Diashow, die ich als Navigation verwenden will.
Bildwechsel funzt gut, nur hätte ich gerne das gewechselte Bild als Link anklickbar.
Man müßte den Bildern im script wahrscheinlich einen Link zuordnen.Nur wie??
Mit einem Applet geht das, aber ich will keins verwenden! Kann mir jemand helfen??
Folgendes Script:

<script language="JavaScript">
<!-- hide

var browserOK = false;
var pics;

// -->
</script>
<script language="JavaScript">
<!-- hide

browserOK = true;
pics = new Array();

// -->
</script>
<script language="JavaScript">
<!-- hide

function laden(name, picture) {
if (browserOK) {
if (typeof pics[name] == "undefined") {
pics[name]= new Array();
pics[name]["count"]= 0; // counts number of pictures
pics[name]["pos"]= 0;
}

pics[name][pics[name]["count"]]= new Image();
pics[name][pics[name]["count"]].src= picture;
pics[name]["count"]++;
}
}

function back(name) {
if (browserOK) {
pics[name]["pos"]--;
if (pics[name]["pos"]<0) pics[name]["pos"]= pics[name]["count"]-1;
document.images[name].src= pics[name][pics[name]["pos"]].src;
}
}

function forward(name) {
if (browserOK) {
pics[name]["pos"]++;
if (pics[name]["pos"]>=pics[name]["count"]) pics[name]["pos"]= 0;
document.images[name].src= pics[name][pics[name]["pos"]].src;
}
}


// preload images

laden("pic1", "1.gif");
laden("pic1", "2.gif");
laden("pic1", "3.gif");
laden("pic1", "4.gif");
laden("pic1", "5.gif");

// -->
</script>
<IMG SRC="egal.gif" name="pic1">
<form>
<input type=button name=bck value="Rückwärts" onClick="back('pic1');">
<input type=button name=fwd value="Vorwärts" onClick="forward('pic1');">
</form>

 

[Frank_OL]

Eine Lösungsmöglichkeit

Hi!

Ich stand vor folgendem Problem:

Auf der Seite befinden sich drei Links:
Wenn ich mit der über einen von ihnen gehe, soll ein zugehöriger Slogan erscheinen (z.B. slogan1.gif). Dieser Slogan soll solange stehen bleiben, bis ich die Maus über einen anderen Link bewegt habe.
Wenn ich den Slogan anklicken, wird abhängig von zugehörigen Link eine bestimmte Seite aufgerufen.

Meine Lösung:

---------------------------------------
<script language="JavaScript">
<!--
function linkOver(sloganwahl,slogannr)
{
if (document.images)
{
document[sloganwahl].src = "bilder/slogan"+slogannr+".gif";
}
if ( slogannr == 1 ) { document.links[3].href = "link1.html"; }
if ( slogannr == 2 ) { document.links[3].href = "link2.html"; }
if ( slogannr == 3 ) { document.links[3].href = "link3.html"; }
}

//-->
</script>
---------------------------------------


Auszug aus der Seite:
----------------------------

<A HREF="link1.html" onMouseOver="linkOver('sloganposition',1)">Link1</A><BR><BR>
<A HREF="link2.html" onMouseOver="linkOver('sloganposition',2)">Link2</A><BR><BR>
<A HREF="link3.html" onMouseOver="linkOver('sloganposition',3)">Link3</A>
</TD>
<TD><A HREF="index.html"><IMG SRC="bilder/slogan0.gif" name="sloganposition" BORDER="0"></A></TD>



Vielleicht hilft Dir das ja weiter.

Viel Spaß damit.

Frank

 

[snunik]

Danke für deine Antwort.
Aber wie kann ich unterschiedliche "Slogans" aufrufen, denn der ist bei diesem Skript immer derselbe!!

Hat einer eine Idee?? Komm laßt mich nicht dumm sterben.


cu snunik

 

[Frank_OL]

Unterschiedliche Slogans

Das habe ich realisiert, in dem in den Dateinamen des Bildes die jeweils übergebene slogannr eingefügt wird.

Bei mir funktioniert´s.