| Vorheriges Thema anzeigen :: Nächstes Thema anzeigen |
| Autor |
Nachricht |
Gast
Gast
|
 Startbild per javascript bestimmen |
 |
|
Hallo zusammen,
nachdem ich nun bestimmt schon fast 50 Varianten aus dem Internet für mein Problem ausprobiert habe, hoffe ich, hier bei euch eine Lösung zu finden.
Ich möchte auf meiner "neuen" Website das Bild oben auf der Seite bei jedem neuen Aufruf per Zufall ermitteln. Zu diesem Zweck habe ich in einem entsprechenden Unterordner z.Zt. 6 Bilder abgelegt.
Ebenfalls soll das verwendete CSS-file bestehen bleiben.
Die wechselnden Bilder müssten in den <div id=banner> integriert werden.
Das Ganze sollte mit javascript realisiert werden. Das, was ich bisher so gefunden habe, hat mir letzendlich immer meine CSS ausgehebelt.
Meine "zukünftige" Website kann man unter www......../ betrachten (ist natürlich noch in den Anfängen).
Ich hoffe nach gefühlten 1000 Versuchen, das hier jemand ist, der mir da weiterhelfen kann.
Vielen Dank schon im Voraus
Peter |
|
|
|
| 02 März 2010 23:22 |
|
  |
Forrest Gumb
Mitglied
|
|
|
|
Warum muss es Javascript sein?
per PHP geht es doch mindestens genau so gut
probier doch das mal -->
Zufallsbanner mit PHP
http://www.homepage-total.de/bausteine/php_bausteine6.php#bs_11
für Dich abgewandelt -->
| PHP-Code: | 1
2
3
4
5
6
| <?php
// Zufallsbanner mit PHP
$banner = array('banner1.gif', 'banner2.gif', 'banner3.gif', 'banner4.gif');
echo
'<div id=banner><img src="content/img/' . $banner[rand(0, (count($banner)-1))] . '"></div>';
?> |
|
_________________
4rest
Wende Dein Gesicht ins Licht, dann werden die Schatten hinter Dir sein.
[ forrest ] - [ more ] |
|
|
| 03 März 2010 00:06 |
|
|
Gast
Gast
|
|
|
|
Genau das wollte ich vermeiden. Ich arbeite mich gerade in HTML und CSS ein und wollte nach Möglichkeit weitere Neubaustellen vermeiden. PHP mit XAMPP oder auch Ajax sollten eigentlich erst drankommen, wenn ich alles andere hinbekommen habe.
Vielleicht hat ja doch jemand eine Lösung in js.
Peter |
|
|
|
| 03 März 2010 09:48 |
|
|
Forrest Gumb
Mitglied
|
|
|
|
Wie ich sehe hast Du es ja doch mit PHP probiert. Allerdings muss man das anders einbauen -->
| PHP-Code: | 1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-15"/>
<meta name="keywords" content="keywords"/>
<link rel="stylesheet" type="text/css" href="css/master.css" media="screen"/>
<title>Impressionen - PS</title>
</head>
<body>
<?php
// Zufallsbanner mit PHP
$banner = array('banner1.gif', 'banner2.gif', 'banner3.gif', 'banner4.gif', 'banner5.gif', 'banner6.gif');
echo '
<div id="banner">
<img src="content/img/' . $banner[rand(0, (count($banner)-1))] . '" alt="Banner"/>
</div>';
?>
<!-- Ende von #banner -->
<div id="title">Titel der Website ?</div> <!-- Ende von #title -->
<div id="path">Pfad der aktuellen Position</div> <!-- Ende von #path -->
<div id="wrapper">
<div id="navigation">
<ul>
<li>
<a href="index.html" title="Startseite">Startseite</a>
</li>
<li>
<a href="index.html" title="Fotogalerie">Fotogalerie</a>
</li>
<li>
<a href="index.html" title="Ausstellungen">Ausstellungen</a>
</li>
<li>
<a href="index.html" title="Links">Links</a>
</li>
<li>
<a href="index.html" title="Kontakt">Kontakt</a>
</li>
<li>
<a href="index.html" title="Impressum">Impressum</a>
</li>
</ul>
</div> <!-- Ende von #navigation -->
<div id="main">
<p>
Weit hinten, hinter den Wortbergen, fern der Länder Vokalien und Konsonantien leben die Blindtexte.
Abgeschieden wohnen Sie in Buchstabhausen an der Küste des Semantik, eines großen Sprachozeans. Ein
kleines Bächlein namens Duden fließt durch ihren Ort und versorgt sie mit den nötigen Regelialien.
Es ist ein paradiesmatisches Land, in dem einem gebratene Satzteile in den Mund fliegen. Nicht einmal
von der allmächtigen Interpunktion werden die Blindtexte beherrscht – ein geradezu unorthographisches
Leben.
</p>
<p>
Eines Tages aber beschloß eine kleine Zeile Blindtext, ihr Name war Lorem Ipsum, hinaus zu gehen in
die weite Grammatik. Der große Oxmox riet ihr davon ab, da es dort wimmele von bösen Kommata, wilden
Fragezeichen und hinterhältigen Semikoli, doch das Blindtextchen ließ sich nicht beirren. Es packte
seine sieben Versalien, schob sich sein Initial in den Gürtel und machte sich auf den Weg.
</p>
</div> <!-- Ende von #main -->
</div> <!-- Ende von #wrapper -->
<div id="footer">
<div id="copyright">© 2010 P. Schlüter</div> <!-- Ende von #copyright -->
<div id="lastupdate">Letzte Aktualisierung am 26.02.2010</div> <!-- Ende von #lastupdate -->
</div> <!-- Ende von #footer -->
</body>
</html> |
Jetzt noch Deine Seite von index.html in index.php umbenennen und es funzt.  |
_________________
4rest
Wende Dein Gesicht ins Licht, dann werden die Schatten hinter Dir sein.
[ forrest ] - [ more ] |
|
|
| 03 März 2010 17:28 |
|
|
Forrest Gumb
Mitglied
|
|
|
|
Also hab mich nochmal hingesetzt
das ganze in Javascript -->
| PHP-Code: | 1
2
3
4
5
6
7
| <script type="text/javascript">
var Name = new Array("banner1.gif", "banner2.gif", "banner3.gif", "banner4.gif");
var Zaehler = Math.round(Math.random()*3);
window.document.write ('<div id="banner"><img src="content/img/')
window.document.write (Name[Zaehler])
window.document.write ('" alt="Banner"/></div>')
</script> |
Bitte schön  |
_________________
4rest
Wende Dein Gesicht ins Licht, dann werden die Schatten hinter Dir sein.
[ forrest ] - [ more ] |
|
|
| 03 März 2010 18:06 |
|
|
Gast
Gast
|
|
|
|
Hallo 4rest,
herzlichen Dank für Deine Hilfe. Leider wird das auf meiner Testseite erst ab dem 04.03.2010 funktionieren können. Nachdem ich mein Paket bei Strato mal überprüft habe, habe ich festgestellt, das dort gar kein PHP mit drin ist.
Also habe ich das heute erst mal dazugebucht und kann dann erst testen.
Zudem habe ich mir dann auf meinem Rechner zuhause auch noch XAMPP installiert, um offline testen zu können.
Also nun doch mehrere Neubaustellen. Aber was soll's, irgendwann hätte ich es ja sowieso gebraucht. Also vielen Dank noch mal. Meine Fotos hast Du Dir ja auch noch angeschaut. Die Seite habe ich allerdings von Adobe Lightroom bauen lassen und etwas angepasst.
Peter |
|
|
|
| 03 März 2010 23:56 |
|
|
Gast
Gast
|
|
|
|
Sorry Forrest Gump,
jetzt habe ich Dich zu allem Überfluß auch noch mit 4rest angeredet. War keine Absicht.
Peter |
|
|
|
| 04 März 2010 00:01 |
|
|
Gast
Gast
|
|
|
|
Jetzt funzt es, danke, danke, danke!
|
|
|
|
| 04 März 2010 12:44 |
|
|
Forrest Gumb
Mitglied
|
|
|
|
4rest oder Forrest ist doch das selbe oder????? HEHE,
melde Dich doch als Member an, dann bekommst Du per E-Mail eine Nachricht wenn in Deinem Beitrag etwas neues steht.
   |
_________________
4rest
Wende Dein Gesicht ins Licht, dann werden die Schatten hinter Dir sein.
[ forrest ] - [ more ] |
|
|
| 04 März 2010 19:19 |
|
|
Gast
Gast
|
|
|
|
Hallo,
die von mir angegebene Testseite gibt es nicht mehr. Kann man den Link aus dem ursprünglichen Beitrag mit der Frage herausnehmen?
Gruß
Peter |
|
|
|
| 01 Apr 2010 11:23 |
|
|
|
