• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Banner mit Zufallsbild ein und wieder ausblenden !!!

F

Fortunaweb

Neues Mitglied
Guten Abend,

mein letzter Beitrag ist schon ein Weile her, sonst hat mir immer die Sufu geholfen, aber heut komm ich nicht weiter.
Wer die Seite unseres Vereins betritt kommt auf ein Intro, welches wir jede Woche neu machen.

Hier:SV Fortuna Brücken e.V.

Da unsere Userzahlen für einen so kleinen Verein wie unseren schon Akzeptable sind hab ich ein Paar Firmen aus der Region gefunden die gern als Partner werben würden. Ich persönlich hasse Popups, darum haben wir uns überlegt über das Intro jeweils einen zufälligen Button anzuzeigen und diesen dann nach 3-5 Sekunden wieder auszublenden.

Kleine Erfolge auf dem weg dorthin konnt ich schon verbuchen, aber der große Durchbruch soll mir einfach nicht gelingen.

Hier mein Skript bis dahin:

HTML: 
<head>
<script type="text/javascript">
  function ausblenden() {
    document.getElementById("intro").style.display = "none";
  }
  function einblenden() {
    document.getElementById("intro").style.display = "block";
  }
  function onl() {
    einblenden();
    window.setTimeout("ausblenden()",3000);
  }
  window.onload = onl;
</script>
<center><body>
 <h1>Der Spieltag wird präsentiert von</h1>
 <img id="intro" src="http://www.sv-fortuna-bruecken.de/Bilder/Partner/NokLogo" width="250" height="250" border="0" alt="">
</body></center>
</html>

Wir ihr sehen könnt war ich schon in der Lage etwas ein und wieder auszublenden, aber der Rest gelingt nicht.
Ich brauche bitte eure Hilfe.

Was mit fehlt: - es soll beim jedem laden der Seite ein anderes Bild aus einem Ordner geladen werden
- der Text "Der Spieltag wird präsentiert von..." sollte wenn möglich mit ausgeblendet werden
- unter alle Bilder möchte ich den gleichen Link legen, dieser soll bei einem Klick direkt auf eine extra Seite mit all unseren Partner führen


So, ich denke ich hab mein Problem umfangreich beschrieben.
Ich danke euch im vorraus schon für eure Tipps und Ratschläge und wünsche zum Freitagabend ein schönes Wochenende.


Mit sportlichen Grüßen

Maik / SV Fortuna Brücken
 
Dazu brauchst Du Zufallszahlen:
SELFHTML: JavaScript / Objektreferenz / Math
Lege die Adressen deiner Bilder in einem Array ab:
SELFHTML: JavaScript / Objektreferenz / Array
Dann bestimmst Du den Index im Array mit der Funktion random():
Code: 
idx = floor (Math.random() * dein_array.length);
Dann legst Du ein a-href-Tag an mit deinem Link und als Inhalt dem img-Tag, wie Du es schon hast. Das Bild stellst Du dann über das src-Attribut ein:
Code: 
document.getElementById("intro").src = dein_array[idx];
Das Ausblenden der Überschrift machst Du, indem Du dem h-Tag ebenfalls eine ID gibst. Dann kannst Du es genau wie das Bild ausblenden.
Ich hoffe, diese Beschreibung reicht dir. Probier es mal und wenn es nicht klappt, poste wieder.
Viel Erfolg und viele Grüße - Ulrich
 
Zuletzt bearbeitet von einem Moderator:
Hallo,

mein letzter Beitrag ist schon eine ganze Weile her, aber ich bin seitdem vorran gekommen.
Ich bekomme nun wie gewünscht meine Werbung ein und auch wieder ausgeblendet.
Die Links hinter der Werbung führen auf die richtigen Seiten. Doch warum zu Teu..... funktioniert der Spaß nur im Firefox und nicht im iExplorer.

SV Fortuna Brücken e.V.


Ich hab das komplette Script mal in eine Datei gepackt und dann im IE abgerufen, dann scheint es zu funktionieren, wenn ich es allerdings auf meiner HP auf den Head und die Seite aufteile geht nicht mehr viel.

Hier nochmal das komplette Script:

HTML: 
<script language="JavaScript" type="text/javascript">
<!--
var image = new Array();
var link = new Array();

/** Hier die (Zufalls)-Bilder eintragen. **/

image[1] = "http://www.sv-fortuna-bruecken.de/Bilder/Sponsoren/Baby%20Nokad.png";
image[2] = "http://www.sv-fortuna-bruecken.de/Bilder/Sponsoren/EDV%20Dilsner.jpg";
image[3] = "http://www.sv-fortuna-bruecken.de/Bilder/Sponsoren/PR%20Service%20Vogler.png";
image[4] = "http://www.sv-fortuna-bruecken.de/Bilder/Sponsoren/VTec%20Kuhnert.png";

/** Hier die (Zufalls)-Links eintragen. **/

link[1] = 'http://www.nokad.de';
link[2] = 'http://www.edv-dilsner.de';
link[3] = 'http://www.pr-service-vogler.de';
link[4] = 'http://http://www.vtec-event.de';

/** Ab hier nichts mehr ändern! **/

var num = Math.random();
var ran = Math.floor((image.length - 1) * num) + 1;


</script>


<center><body>


<h1>
  <script language="JavaScript">

setTimeout("document.getElementById(\"weg_nach_5_sek\").style.display = \"none\";", 5000);

  </script>

  <span id="weg_nach_5_sek">
Der Spieltag wird präsentiert von <br />
<br />
<script language="JavaScript">
document.write('<a href="' + link[ran] + '" target="_new"><img src="' + image[ran] + '"></a>');
</script>

  </span>

Vielleicht kann mir jemand von euch sagen warum nur der komplette Script perfekt im IE arbeitet und sowie er auf meine HP getrennt liegt nicht mehr.

Schönen Tag euch und Danke
 
Du hasst da zweimal die Zeichenfolge fuer das Öffnen eines Kommentars, die beide Male nicht geschlossen wird:
Code: 
 <script language="JavaScript" type="text/javascript">
 [B]<!--//[/B]
  function BodyOnLoad()
    {
      var browser = navigator.appName;
      var version = navigator.appVersion;
      initIt();
    }
 </script>

<!-- /headScript_MenuDropDown -->

<!-- * * * Z U F A L L S B I L D * * *  -->


<script language="JavaScript" type="text/javascript">
[B]<!--[/B]
var image = new Array();
var link = new Array();
Wenn ich die jeweils lösche, funktioniert es.
Viele Grüße - Ulrich
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben