Seite 1 von 2 12 LetzteLetzte
Ergebnis 1 bis 10 von 19

Thema: Zufallsgenerator für Bilder in einer css - Datei

  1. #1
    HTML Newbie
    Registriert seit
    20.01.2010
    Beiträge
    8
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Zufallsgenerator für Bilder in einer css - Datei

    Habe jetzt diesen alten Thread entdeckt.

    Ich würde gerne auf einer HTML Seite dass jedes Mal ein Bild ausgetauscht wird; allerdings liegt dieses nicht im Body, sondern das auszutauschende Bild liegt in einer Tabelle, zum Beispielt
    Wie müsste hier das Script dann aussehen?
    Das liegt natürlich im Javascript tag, aber es soll sich eben nicht auf den Body sondern auf die img source in der Tabelle beziehen.
    Ich krieg das leider nicht hin. Da müsste ja irgendwo ein Pfad zum img sein?

    function zufallszahl(n){
    zahl = Math.floor(Math.random()* (n+1));
    return zahl;
    }

    var bild = new array();

    bild[0] = "image1.jpg"
    bild[1] = "image2.jpg"
    bild[2] = "image3.jpg"
    bild[3] = "image4.jpg"

    document.write("[img]" + bild[zufallszahl(bild.length - 1)] + "[/img]
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: Zufallsgenerator für Bilder in einer css - Datei

    die pfade sind im array enthalten...
    gib mal vor was du an code hast dann kann man dir sagen was wo zu tun ist...
    und javascript is nich böse, du kannst dich gern mal damit auseinandersetzen
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

  3. #3
    HTML Newbie
    Themenstarter

    Registriert seit
    20.01.2010
    Beiträge
    8
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Zufallsgenerator für Bilder in einer css - Datei

    Danke erstmal für Deine Antwort!
    Das wäre der code. Ich kann das leider nicth selbst scripten, bin da völlig planlos.
    Der Pfad zu den Bilder ist im Array, richtig, also in dem Fall dann
    "images/bildname.gif"

    Ich meinte aber noch, woher weiss das Script überhaupt, wo es was austauschen muss? Ich habe halt in dem Fall eine table / tr / td
    und dann img src="images/bildname.gif"

    Wie stellt sich die Verbindung zu dem Javascript Code her, damit dieser weiss was er austauschen soll?

    Für mich sieht das nur nach dem Austauschscript aus, aber irgendwo fehlt doch der Bezug?

  4. #4
    Kaiser(in)
    Registriert seit
    29.03.2009
    Ort
    1011 1111 1011 WorldWideWeb
    Beiträge
    2.439
    Danke
    2
    Bekam 6 mal "Danke" in 6 Postings

    Standard AW: Zufallsgenerator für Bilder in einer css - Datei

    Da hast du recht, JS weiss das norgendwoher.
    In deine Script-tags kommt:
    Code:
    function zufall(n) {
    zahl = Math.floor(Math.random()* (n+1));
    document.getElementById('navibild').background="image"+zahl+".jpg";
    }
    und dein navi-div bekommt als id navibild und das src setzt du am anfang auf z.B. navi.jpg, falls jemand JS aus hat.
    Dann muss noch in den body-tag
    HTML-Code:
    onload="zufall(4);"
    und dann wars das.
    Der, der weiß dass er nichts weiß, weiß mehr als der, der nicht weiß, dass er nichts weiß.
    Wer nach etwas fragt, geht grundsätzlich das Risiko ein, es auch zu bekommen!

  5. #5
    HTML Newbie
    Themenstarter

    Registriert seit
    20.01.2010
    Beiträge
    8
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Zufallsgenerator für Bilder in einer css - Datei

    Sorry, jetzt bin ich verwirrt
    Kommt das zusätzlich in das oben genannte Script oder statt dessen?


    onload="zufall(4);"

    Und das kommt dann dorthin wo sich das auszutauschende Bild befindet? Also in dem
    Fall ist es nicht die Navi, sondern ein Bild im Hintergrund, aber auch nicht im body tag.

    Sorry... bin ne Frau...das dauert etwas länger..

  6. #6
    Kaiser(in)
    Registriert seit
    29.03.2009
    Ort
    1011 1111 1011 WorldWideWeb
    Beiträge
    2.439
    Danke
    2
    Bekam 6 mal "Danke" in 6 Postings

    Standard AW: Zufallsgenerator für Bilder in einer css - Datei

    So halb.
    das
    onload="zufall(4);"
    kommt nach <body>, also
    <body onload="zufall(4);">
    und in den Bereich in dem das Hintergrundbild ausgetauscht werden soll kommt
    id="navibild"
    (Das sollte doch für die navi sein, oder?)
    Und das JavaScript da oben kommt anstatt rein.
    Der, der weiß dass er nichts weiß, weiß mehr als der, der nicht weiß, dass er nichts weiß.
    Wer nach etwas fragt, geht grundsätzlich das Risiko ein, es auch zu bekommen!

  7. #7
    HTML Newbie
    Themenstarter

    Registriert seit
    20.01.2010
    Beiträge
    8
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Zufallsgenerator für Bilder in einer css - Datei

    Nicht die Navi, oben rechts, quasi wie ein Logo.

    Warum steht in der Klammer des on load tags zufall(4) eine 4. Ist das
    egal, kann da auch 1 stehen??

    Und wo, äh...weiss JS welche Bilder genommen werden sollen?

    Hier: "image"+zahl+".jpg"; ?
    Also die heissen meinetwegen Image1.jpg, Image2.jpg usw...

    Achso, das hab ich aber nicht beantwortet bekommen: kommt der andere JS code komplett raus oder nur der neue zusätzlich rein
    (Ich meine den, kommt der raus?)
    function zufallszahl(n){
    zahl = Math.floor(Math.random()* (n+1));
    return zahl;
    }

    var bild = new array();

    bild[0] = "image1.jpg"
    bild[1] = "image2.jpg"
    bild[2] = "image3.jpg"
    bild[3] = "image4.jpg"

    document.write("[img]" + bild[zufallszahl(bild.length - 1)] + "[/img]

    Wie gesagt - Frau; schwer von (Programmier)Begriff...

  8. #8
    Kaiser(in)
    Registriert seit
    29.03.2009
    Ort
    1011 1111 1011 WorldWideWeb
    Beiträge
    2.439
    Danke
    2
    Bekam 6 mal "Danke" in 6 Postings

    Standard AW: Zufallsgenerator für Bilder in einer css - Datei

    der in deinem Post muss raus, meiner rein.
    und das element, indem der Hintergrund geändert werden soll bekommt
    id="navibild"
    Der, der weiß dass er nichts weiß, weiß mehr als der, der nicht weiß, dass er nichts weiß.
    Wer nach etwas fragt, geht grundsätzlich das Risiko ein, es auch zu bekommen!

  9. #9
    HTML Newbie
    Themenstarter

    Registriert seit
    20.01.2010
    Beiträge
    8
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Zufallsgenerator für Bilder in einer css - Datei

    Sorry, hab Deine Antwort überlesen und entsprechend geändert. Klappt aber trotzdem nicht.

    Hier ist der komplette HTML Code:

    </head>

    <body bgcolor="#FFFFFF" onload="zufall(4);">
    <script language="Javascript">

    function zufall(n) {
    zahl = Math.floor(Math.random()* (n+1));
    document.getElementById('start').background="image "+zahl+".gif";
    }

    </script>
    <table align="right"><tr><td ><img src="images/webopen1.gif" border="0" usemap="#Map" id="start"/></td>
    </tr>

    </table>

    <map name="Map" id="Map"><area shape="rect" coords="613,429,740,464" href="#" /></map></body>
    </html>

    Die Bilder liegen in einem Ordner "images" auf der gleichen Ebene wie diese index.html

    background="image"+zahl+".gif"; - muss da bei image der Name der ersten Datei rein oder nicht? Habe aber beides
    ausprobiert, funktioniert beides nicht.
    Geändert von Lufiki (20.01.2010 um 17:23 Uhr)

  10. #10
    Kaiser(in)
    Registriert seit
    29.03.2009
    Ort
    1011 1111 1011 WorldWideWeb
    Beiträge
    2.439
    Danke
    2
    Bekam 6 mal "Danke" in 6 Postings

    Standard AW: Zufallsgenerator für Bilder in einer css - Datei

    das <script>-Tag muss in den Head. background="image"+zahl+".gif"; musst du dann entsprechend mit
    background="images/image"+zahl+".gif"; ersetzen.
    Der, der weiß dass er nichts weiß, weiß mehr als der, der nicht weiß, dass er nichts weiß.
    Wer nach etwas fragt, geht grundsätzlich das Risiko ein, es auch zu bekommen!

Ähnliche Themen

  1. Antworten: 9
    Letzter Beitrag: 20.01.2010, 14:38
  2. Einbinden einer Datei
    Von vision2003 im Forum HTML & CSS Forum
    Antworten: 9
    Letzter Beitrag: 10.11.2007, 00:09
  3. Textinhalt einer html.datei aus einem andere datei aufrufen.
    Von redindian im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 2
    Letzter Beitrag: 09.04.2007, 10:21
  4. Wie include ich eine php Datei in einer .tpl-Datei?
    Von im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 6
    Letzter Beitrag: 23.02.2007, 04:06
  5. Javascript: externe JS-Datei in einer externen JS-Datei
    Von µaTh im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 2
    Letzter Beitrag: 29.10.2005, 19:27

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •