FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Zur Registrierung

Thema: Zufallsbild mit Onclick... vom 08.03.2007

	MGi Foren-Übersicht -> Programmierung -> Zufallsbild mit Onclick...

Autor

Nachricht

xammm
Threadersteller

Dabei seit: 23.01.2006
Ort: Potsdam
Alter: 38
Geschlecht: Männlich

Verfasst Do 08.03.2007 21:04
Titel

Zufallsbild mit Onclick...

Hallo,

wie ich in Javascript ein Zufallsbild hinkrieg weiß ich mittlerweile:

Code:

function zufallslader() {
var ziele=new Array("1", "2", "3", "4", "5", "6", "7", "8", "9", "16", "17", "18");
var j=Math.round(Math.random()*(ziele.length-1));
x=ziele[j];
return x;
}

Und einen Bilderaustausch machen z.B. diese Macromedia Funktionen
function MM_swapImage etc.

Was ich nun suche ist folgendes. Wenn sich die Seite öffnet soll ein zufälliges Bild geladen werden. Wenn man auf das Bild draufklickt, soll mit der Seite an sich nichts passieren (also Link: #) aber das Bild soll sich zu einem zufälligen Bild ändern (aus dem gleichen Bilderpool). Und jedes mal wenn man draufklickt soll sich das Bild wieder ändern.

Wie bastel ich mir sowas jetzt zusammen? Hab bisher nur PHP gemacht und wenig Ahnung von Javascript. Aber sowas geht mit PHP wohl nicht...

Gruß und Danke für Antworten!

Max

Zuletzt bearbeitet von xammm am Do 08.03.2007 21:05, insgesamt 1-mal bearbeitet

sidisinsane

Dabei seit: 30.01.2006
Ort: Hamburg
Alter: 51
Geschlecht: Männlich

Verfasst Do 08.03.2007 22:05
Titel

Re: Zufallsbild mit Onclick...

xammm hat geschrieben:

(...)
Wie bastel ich mir sowas jetzt zusammen? Hab bisher nur PHP gemacht und wenig Ahnung von Javascript. Aber sowas geht mit PHP wohl nicht...
(...)

Doch das geht sogar recht einfach mit PHP. Da Du ja schon ein Array hast, schau einfach mal nach shuffle.

rob

Dabei seit: 11.12.2003
Ort: ~/
Alter: 45
Geschlecht: Männlich

Verfasst Do 08.03.2007 22:18
Titel

Zitat:

Doch das geht sogar recht einfach mit PHP

Ja, klar geht das. Aber davon würde ich teilweise abraten. Das würde ich zur Hälfte clientseitig lösen.
Mit PHP muß ja jedesmal die komplette Seite neu generiert und zum Client geschickt werden - und das nur, um ein Bild auf der Seite zu ändern.
Ich würde PHP einsetzen, um das Zufallsbild anzuzeigen, wenn die Seite das erste Mal aufgerufen wird.
Damit sich das Bild bei einem Klick ändert, würde ich dann auf JS zugreifen.

Zitat:

einen Bilderaustausch machen z.B. diese Macromedia Funktionen
function MM_swapImage etc.

Ich würde die Funktionen zwar in jedem Fall selbst schreiben, weil sich mir meist der Magen umdreht, wenn ich Funktionen sehe, deren Name mit MM_ beginnt. Sind meist gruselige Funktionen, die man teilweise nur sehr schlecht manuell bearbeiten kann... Hab da schon Bildtausch-Scripte gesehen, die eine ganze Seite in meinem Editor einnahmen, während ich das mit zwei Zeilen Code gemacht hab...
Aber nunja: Wo ist denn jetzt dein Problem? Du hast die Tauschfunktion und du hast eine Zufallsfunktion.
Was fehlt dir? Der Aufruf? Dafür nimmst du den Eventhandler onclick.

Code:

xammm
Threadersteller

Dabei seit: 23.01.2006
Ort: Potsdam
Alter: 38
Geschlecht: Männlich

Verfasst Fr 09.03.2007 12:28
Titel

Okay in meiner index.php steht jetzt:

Code:

<?php
$bilder=array("a0.jpg","a1.jpg","a2.jpg","a3.jpg","a4.jpg","a5.jpg","a6.jpg", "a7.jpg","a8.jpg","a9.jpg","a16.jpg","a17.jpg","a18.jpg");
mt_srand ((double)microtime()*1000000);
$zahl = mt_rand(0,(count($bilder) - 1));
echo "<a href='#'><img src='1/".$bilder[$zahl]."' alt='' name='zufall' width='350' height='60' border='0' id='zufall' onclick='tauscheBild();'></a>"; ?>

und in der Javascriptdatei:

Code:

function tauscheBild() {
var x,y=0;
var ziele=new Array("1", "2", "3", "4", "5", "6", "7", "8", "9", "16", "17", "18");
var j=Math.round(Math.random()*(ziele.length-1));
x=ziele[j];
var y="1/a" + x + ".jpg";
MM_swapImage('zufall','',y,1);
}

Und es funktioniert Lächel

, könnt ihr euch von überzeugen auf meiner Seite das Bild unter dem "xammm" Schriftzug ist das Zufallsbild.

Gruß und Danke

sidisinsane hat geschrieben:

"You can fail. Get used to it." Frank Zappa

Zappa war der beste...

Zuletzt bearbeitet von xammm am Fr 09.03.2007 12:33, insgesamt 2-mal bearbeitet


	MGi Foren-Übersicht -> Programmierung

Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.