Suche im Forum:
Suchen


Autor Nachricht
Beitrag04.04.2007 um 23:36 (UTC)    
Titel: JavaScript : Zufallsbild/ Video in die rechte Box

Einleitung:
Das hier ist eine Anleitung, um ein sog. Zufallsbild in die rechte Box, oder auch normal auf die Textseite zu platzieren. Die von euch ausgewählten Bilder wechseln dann immer bei einem Seitenwechsel innerhalb eurer Homepage, sodass eig. immer ein anderes Bild angezeigt werden kann. Außerdem kann man die Bilder auch verlinken, um z.B. das Originalbild in voller Größe darzustellen oder auch um zu einer bestimmten Webseite zu gelangen.

Der Code:
Zitat:
<div align="center">
<script language="JavaScript" type="text/javascript">
<!--
var image = new Array();
var link = new Array();

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

image[1] = 'http://www.Bildadresse1.jpg';
image[2] = 'http://www.Bildadresse2.jpg';
image[3] = 'http://www.Bildadresse3.jpg';
image[4] = 'http://www.Bildadresse4.jpg';

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

link[1] = 'http://www.Zielseite1.de';
link[2] = 'http://www.Zielseite2.de';
link[3] = 'http://www.Zielseite3.de';
link[4] = 'http://www.Zielseite4.de';

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

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

document.write('<a href="' + link[ran] + '"><img src="' + image[ran] + '" border="0" /></a>');
//-->
</script>
</div>


Erklärung des Codes:
- image[1] = 'http://www.Bildadresse1.jpg' = ist die Zeile für ein Bild. so könnt ihr dann praktisch unendlich viele unterschiedliche Bilder als Zufallsbild auswählen. ihr müsst dann halt nur noch immer die Ziffern und eigenen Bildadressen einfügen.
- http://www.Bildadresse1.jpg = Adresse/ URL des Bildes, was zuerst angezeigt werden soll, beim Seitenwechsel/ aktualisieren der Seite wird dann das zweite angezeigt.

Adresse/ URL eines Bildes herausfinden:
1. einloggen auf: http://www.homepage-baukasten.de/login.php
2. gehe zu "Eigene Bilder verwalten"
3. beliebiges Bild auswählen
4. mit der rechten Maustaste auf das angezeigte Bild klicken
5. dann beim Internet Explorer: Eigenschaften -> Adresse (URL) -> mit der linken Maustaste markieren -> kopieren (strg + c)
oder bei Mozilla Firefox: Grafikadresse kopieren
6. das ist die Ziel-Adresse für das Bild
Bsp.: "http://img.webme.com/pic/Anfangsbuchstabe von deiner Webseite-Adresse/Webseite-Adresse/Bildname.jpg"

- genauso läuft es dann eben mit den Links.
- z.B. http://www.Zielseite1.de = Seite im Internet, was mit dem 1. bild verlinkt werden soll.

Code in Webseite einbinden:
- in die rechte Box:
einfach den erstellten Code über Design einstellen -> Inhalt einer belieb. rechten Box in eine rechte Box einfügen. Achtet allerdings auf die Größe der Bilder, da es unschön aussehen würde, wenn sie breiter als die rechten Boxen wären.
Daten / Maße aller Designs:
http://www.homepage-baukasten.de/forum/viewtopic.php?t=25048


- in eine normale Textseite:


oder erst folgendes aktivieren, dann ist das Einfügen von HTML-Codes überall möglich:

Einstellungen -> Den HTML-Editor NICHT anzeigen? (Voraussetzung: du kannst HTML!) -> JA -> daten editieren
______________
*** Signatur entfernt ***


Zuletzt bearbeitet von motorocker89 am 20.06.2008, 18:19, insgesamt 7-mal bearbeitet
Beitrag11.04.2007 um 12:48 (UTC)    
Titel:

und hier das ganze für Videos:

zusätzliche Info's:
- die Videos sind in diesem Code nicht verlinkt, wie die Bilder oben im Code
- das <embed> bzw. </embed> im eig. Video-Code sollte man weglassen, also im Video-Code mit <object... beginnen und mit </object> aufhören

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

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

image[1] = 'Video Code1';
image[2] = 'Video Code2';
image[3] = 'Video Code3';
image[4] = 'Video Code4';

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

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

document.write(image[ran]);
//-->
</script>
</div>


Code von coolplace
______________
*** Signatur entfernt ***


Zuletzt bearbeitet von motorocker89 am 11.04.2007, 13:52, insgesamt 2-mal bearbeitet
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de