mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Di 05.07.2022 07:58 Benutzername: Passwort: Auto-Login

Thema: Zufallsbild mit Onclick... vom 08.03.2007


Neues Thema eröffnen   Neue Antwort erstellen 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...

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
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...

Antworten mit Zitat Zum Seitenanfang

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.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
rob

Dabei seit: 11.12.2003
Ort: ~/
Alter: 45
Geschlecht: Männlich
Verfasst Do 08.03.2007 22:18
Titel

Antworten mit Zitat Zum Seitenanfang

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:
<img src="bild.png" alt="hübsches Bildchen" name="bild1" onclick="tauscheBild();" />
  View user's profile Private Nachricht senden
xammm
Threadersteller

Dabei seit: 23.01.2006
Ort: Potsdam
Alter: 38
Geschlecht: Männlich
Verfasst Fr 09.03.2007 12:28
Titel

Antworten mit Zitat Zum Seitenanfang

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
* huduwudu! * Zappa war der beste...

Zuletzt bearbeitet von xammm am Fr 09.03.2007 12:33, insgesamt 2-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ähnliche Themen onclick-Event bei onclick dieses Elements ändern
Zufallsbild in Flashanimation
Hilfe für Script ersucht: Zufallsbild umbennen
onclick funktion
onClick Handler
play movie onclick?
Neues Thema eröffnen   Neue Antwort erstellen
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.